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的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
jQuery中ajax和post处理json的不同示例对比
Nov 02 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
Javascript继承机制详解
May 30 Javascript
ionic 3.0+ 项目搭建运行环境的教程
Aug 09 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
通过JavaScript下载文件到本地的方法(单文件)
Mar 17 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面向对象的方法重载两种版本比较
2008/09/08 PHP
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
linux iconv方法的使用
2011/10/01 PHP
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
Smarty保留变量用法分析
2016/05/23 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
Javascript 继承机制实例
2009/08/12 Javascript
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
2020/07/15 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
python中JWT用户认证的实现
2020/05/18 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
法国房车租赁网站:Yescapa
2019/08/26 全球购物
简短的公司员工自我评价分享
2013/11/13 职场文书
实习求职信
2013/12/01 职场文书
教师辞职报告范文
2014/01/20 职场文书
初中班主任寄语
2014/04/04 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书