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 相关文章推荐
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 Javascript
jQuery focus和blur事件的应用详解
Jan 26 Javascript
Node.js中npm常用命令大全
Jun 09 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
webstorm添加vue.js支持的方法教程
Jul 05 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
详解Vue之父子组件传值
Apr 01 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
JS变量提升及函数提升实例解析
Sep 03 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
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
php生成RSS订阅的方法
2015/02/13 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
2006/06/26 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
js查错流程归纳
2012/05/04 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
Vue指令指令大全
2019/02/09 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
使用python实现baidu hi自动登录的代码
2013/02/10 Python
python 使用get_argument获取url query参数
2017/04/28 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python 编程速成(推荐)
2019/04/15 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
绘画专业自荐信范文
2014/02/23 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python