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


Posted in Javascript onDecember 16, 2007

有个办法,建议你的有连接的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页面的应用技巧,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
javascript 获取select下拉列表值的代码
Sep 07 Javascript
javascript延时加载之defer测试
Dec 28 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
Nov 22 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
js实现for循环跳过undefined值示例
Jul 02 Javascript
Javascript常用运算符(Operators)-javascript基础教程
Dec 14 #Javascript
javascript实现仿银行密码输入框效果的代码
Dec 13 #Javascript
CLASS_CONFUSION JS混淆 全源码
Dec 12 #Javascript
我见过最全的个人js加解密功能页面
Dec 12 #Javascript
文本链接逐个出现的js脚本
Dec 12 #Javascript
JavaScript创建命名空间(namespace)的最简实现
Dec 11 #Javascript
js模拟实现Array的sort方法
Dec 11 #Javascript
You might like
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
2015/11/07 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
vue组件三大核心概念图文详解
2019/05/30 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
基于asyncio 异步协程框架实现收集B站直播弹幕
2016/09/11 Python
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
python excel和yaml文件的读取封装
2021/01/12 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
大三自我鉴定范文
2013/10/05 职场文书
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
医护人员英文求职信范文
2013/11/26 职场文书
家长会演讲稿
2014/04/26 职场文书
信用卡工资证明范本
2014/10/17 职场文书
交流会主持词
2015/07/02 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android