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

2019-12-26,,

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

总结

以上所述是小编给大家介绍的JS是否可以跨文件同时控制多个iframe页面的应用技巧,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

您可能感兴趣的文章:

  • js父页面与子页面不同时显示的方法
  • JSP 多条SQL语句同时执行的方法
  • 引用其它js时如何同时处理多个window.onload事件
  • js导出table到excel同时兼容FF和IE示例
  • js判断鼠标同时离开两个div的思路及代码
  • js判断样式className同时增加class或删除class
  • js同时按下两个方向键
  • JS实现同时搜索百度和必应的方法
  • JS是否可以跨文件同时控制多个iframe页面的应用技巧
  • 利用JS对iframe父子(内外)页面进行操作的方法教程
  • JS实现向iframe中表单传值的方法
  • js如何判断是否在iframe中及防止网页被别站用iframe嵌套
  • 解决同一页面中两个iframe互相调用jquery,js函数的方法
  • JavaScript中关于iframe滚动条的去除和保留
  • js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
  • javascript iframe跨域详解
  • JS防止网页被嵌入iframe框架的方法分析

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

下载本文的Word格式文档,以方便收藏与打印。