作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:12:44 阅读 我要评论

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

  推荐阅读

  JavaScript 节点操作 以及DOMDocument属性和方法

属性: 1Attributes 存储节点的属性列表(只读) 2childNodes 存储节点的子节点列表(只读) 3dataType 返回此节点的数据类型 4Definition 以DTD或XML模式给出的节点的定义(只读) 5Doctype 指定文档类型节点(只读) 6doc>>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/29931.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)