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 相关文章推荐
javascript 全等号运算符使用说明
May 31 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
Javascript学习指南
Dec 01 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
May 09 Javascript
JavaScript实现音乐导航效果
Nov 19 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
正义联盟的终局之战《天启星战争》将成为DC动画宇宙的最后一部
2020/04/09 欧美动漫
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
php购物车实现代码
2011/10/10 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
JQuery写动态树示例代码
2013/07/31 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
2016/07/18 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
jQuery插件版本冲突的处理方法分析
2017/01/16 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
c++生成dll使用python调用dll的方法
2014/01/20 Python
python控制台中实现进度条功能
2015/11/10 Python
django使用html模板减少代码代码解析
2017/12/12 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
用Python读取几十万行文本数据
2018/12/24 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
乡镇精神文明建设汇报材料
2014/08/15 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
公积金接收函格式
2015/01/30 职场文书
Django与数据库交互的实现
2021/06/03 Python
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL