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

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

2014-06-16 21:21:30 [小大] 已经帮助：人解决问题

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

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>无标题文档</title>  
<meta http-equiv="refresh" content="3;URL=#" />  
</head>  
<script type="text/javascript">  
function change(){  
var a = document.getElementById("iframea");  
var b = document.getElementById("iframeb");  
a.setAttribute("src","http://www.163.com");  
b.setAttribute("src","http://www.sina.com");  
}  
</script>  
<body>  
<!--#include file="z.html" -->   


<iframe id="iframea" src="http://www.baidu.com/" width="450" height="300"></iframe>  
<iframe id="iframeb" src="http://www.g.cn/" width="450" height="300">></iframe>  

</body>  
</html> 

被包含的文件代码：

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

（责任编辑：）