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 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
HTML的select控件美化
Mar 27 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
在小程序中推送模板消息的实现方法
Jul 22 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
原生JS利用transform实现banner的无限滚动示例代码
Jun 15 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
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多维数组元素操作类的方法
2016/11/14 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
JS 对java返回的json格式的数据处理方法
2016/12/05 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
深入理解Vue 的钩子函数
2018/09/05 Javascript
layui上传图片到服务器的非项目目录下的方法
2019/09/26 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
Python算法应用实战之队列详解
2017/02/04 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
python对文件的操作方法汇总
2020/02/28 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
澳大利亚领先的睡衣品牌:Peter Alexander
2016/08/16 全球购物
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
应用电子专业学生的自我评价
2013/10/16 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
水知道答案观后感
2015/06/08 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript