使用JavaScript來改變一個HTML IFRAME

的地方SRC比方說你有一個主要的.html：使用JavaScript來改變一個HTML IFRAME

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page One</title> 
    <script type="text/javascript" src="javaS.js"></script> 
    <link rel="stylesheet" type="text/css" href="CSS.css"> 
</head> 
<body id="main"> 
<h3>Test switching html content inside iframe</h3> 
<p>iframe:</p> 
<iframe src="" id="iframe1"></iframe> 
</body> 
</html>

和次要的.html：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page two</title> 
    <link rel="stylesheet" type="text/css" href="CSS.css"> 
</head> 
<body id="test"> 
<h3>Test subject</h3> 
<p>subjugate text</p> 
</body> 
</html>

你會如何顯示本地第二個.html裏面的第一個.html的iframe元素，只使用JavaScript？

我一直在使用這些代碼片段嘗試：

window.onload = function() {window.frames['iframe1'].location.replace("Secondary.html");}

。

var iframe = document.getElementById('iframe1'); 
iframe.src = "second.html";

...但這些都沒有奏效。我是新來的，所以答案可能相當明顯，但任何指導將非常感激！

來源

2015-10-30 Adam Salma

我用這個和它工作得很好：

window.onload = function() 
{ 
    document.getElementById('iframe1').src = "Secondary.html"; 
}

來源

2015-10-30 20:48:01 Lance

document.getElementsByTagName("iframe")[0].setAttribute("src", "http://your-url.com");

來源

2015-10-30 20:47:30 derekmx271

我還沒有活代碼試過，但它應該工作... – derekmx271

你的第二個片段是完美的。您只需確保它在iframe DOM元素存在時運行 - 在window.onload中。

來源

2015-10-30 20:50:15 Igor

我只是結合你曾試圖讓一個工作例子中的兩個exampples，在這裏看到：https://jsfiddle.net/4p18mxg9/9/

var iframe = document.getElementById('iframe1'); 
window.onload = function() { 
    iframe.src = "second.html"; 
}

來源

2015-10-30 20:59:45

使用JavaScript來改變一個HTML IFRAME

回答

相關問題