iframe的使用
程序员文章站
2022-06-10 10:59:59
...
<body>
<iframe src="iframe01.html" name="icontent" id="icontent"></iframe>
<h1>Main Content Area</h1>
<h2>
<a href="page1.html">Link 1</a><br>
<a href="page2.html">Link 2</a><br>
<a href="page3.html">Link 3</a>
</h2>
</body>
第一种方式：
window.onload = initLinks;
function initLinks() {
for (var i=0; i<document.links.length; i++) {
document.links[i].target = "icontent";
}
} 第二种方式：
window.onload = initLinks;
function initLinks() {
for (var i=0; i<document.links.length; i++) {
document.links[i].onclick = setContent;
}
}
function setContent() {
document.getElementById("icontent").contentWindow.document.location.href = this.href;
return false;
}推广
专业墙纸贴纸厨房用具装饰出售，本人网店经营
博客对你有用记得访问下哦，增加下访问量，谢谢啦，如有需要可以下单购买哦^_^。https://item.taobao.com/item.htm?id=569535920944
上一篇： 前端vue高频面试题(四)