使用JavaScript更改HTML iframe的本地src_Javascript_Html_Iframe

使用JavaScript更改HTML iframe的本地src

javascript html iframe

使用JavaScript更改HTML iframe的本地src,javascript,html,iframe,Javascript,Html,Iframe,假设您有一个main.html： <!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"> </hea

假设您有一个main.html：

<!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>

……但这些都不起作用。我在这方面是新手，所以答案可能相当明显，但任何指导都将非常感谢

我使用这个，它工作得很好：

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

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

你的第二个片段很完美。您只需确保它在iframe DOM元素存在时运行—在

窗口中。onload

我刚刚结合了您尝试制作的两个示例，请参见此处：

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

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

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

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