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

128 阅读 0 评论 85 点赞

我是靠谱客的博主秀丽皮带，最近开发中收集的这篇文章主要介绍JS是否可以跨文件同时控制多个iframe页面的应用技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

有个办法,建议你的有连接的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> 