提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

JS是否可以跨文件同时控制多个iframe页面的应用技巧

JS控制文件应用 技巧 页面 是否 可以
2023-06-13 09:13:59 时间

有个办法,建议你的有连接的iframe改成include包含的文件,然后记得把文件名改成shtml,或者asp.代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
<metahttp-equiv="refresh"content="3;URL=#"/>
</head>
<scripttype="text/javascript">
functionchange(){
vara=document.getElementById("iframea");
varb=document.getElementById("iframeb");
a.setAttribute("src","http://www.163.com");
b.setAttribute("src","http://www.sina.com");
}
</script>
<body>
<!--#includefile="z.html"-->
<iframeid="iframea"src="http://www.baidu.com/"width="450"height="300"></iframe>
<iframeid="iframeb"src="http://www.g.cn/"width="450"height="300">></iframe>
</body>
</html>

被包含的文件代码：

<ahref="#"onclick="change()">其中内容点击链接更新两个iframe</a>

总结

相关文章