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 相关文章推荐
列表内容的选择
Jun 30 Javascript
浅谈Javascript鼠标和滚轮事件
Jun 27 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
js函数般调用正则
2008/04/08 Javascript
JavaScript 调试器简介
2009/02/21 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
javascript类型转换使用方法
2014/02/08 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
JavaScript实现计算多边形质心的方法示例
2018/01/31 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
微信小程序定位当前城市的方法
2018/07/19 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
Python学习资料
2007/02/08 Python
python 判断一个进程是否存在
2009/04/09 Python
Python的动态重新封装的教程
2015/04/11 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
Numpy 多维数据数组的实现
2020/06/18 Python
美国批发供应商:Kole Imports
2019/04/10 全球购物
C语言面试题
2013/05/19 面试题
优秀教师先进事迹
2014/01/22 职场文书
《散步》教学反思
2014/03/02 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
Django框架之路由用法
2022/06/10 Python