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中的Location地址对象
Jan 16 Javascript
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
vue 添加vux的代码讲解
Nov 30 Javascript
基于React+Redux的SSR实现方法
Jul 03 Javascript
在vue中使用jsx语法的使用方法
Sep 30 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
JS 事件机制完整示例分析
Jan 15 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 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实现时间日期友好显示实现代码
2019/09/08 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
IE浏览器下PNG相关功能
2015/07/05 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
基于JavaScript实现选项卡效果
2017/07/21 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
JS限制输入框输入的实现代码
2018/07/02 Javascript
elementUI select组件默认选中效果实现的方法
2019/03/25 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
python对csv文件追加写入列的方法
2019/08/01 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
python 追踪except信息方式
2020/04/25 Python
浅析Python requests 模块
2020/10/09 Python
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
Osklen官方在线商店:巴西服装品牌
2019/04/25 全球购物
String和StringBuffer的区别
2015/08/13 面试题
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
保护环境倡议书范文
2014/05/13 职场文书
运动会加油稿100字
2014/09/19 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
超搞笑婚前保证书
2015/05/08 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
React配置子路由的实现
2021/06/03 Javascript
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技