假设您有一个主 .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>
还有一个辅助 .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>
如何仅使用 JavaScript 在第一个 .html 的 iframe 元素内显示本地第二个 .html?
我尝试过使用这些片段:
window.onload = function() {window.frames['iframe1'].location.replace("Secondary.html");}
.
var iframe = document.getElementById('iframe1');
iframe.src = "second.html";
...但是这些都不起作用。我是新手,所以答案可能相当明显,但非常感谢任何指导!
最佳答案
我用过这个,效果很好:
window.onload = function()
{
document.getElementById('iframe1').src = "Secondary.html";
}
关于javascript - 使用 JavaScript 更改 HTML iframe 的本地 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33444614/