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 miscellanea -display data real time, using window.status
Jan 09 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
原生js实现吸顶效果
Mar 13 Javascript
微信小程序 setData使用方法及常用错误解决办法
May 11 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
Vue2.x通用条件搜索组件的封装及应用详解
May 28 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 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
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
社区(php&amp;&amp;mysql)三
2006/10/09 PHP
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
PHP静态文件生成类实例
2014/11/29 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
微信小程序点击item使之滚动到屏幕中间位置
2020/03/25 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
Python 用户登录验证的小例子
2013/03/06 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
Python实现方便使用的级联进度信息实例
2015/05/05 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python控制台中实现进度条功能
2015/11/10 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
浅谈python中拼接路径os.path.join斜杠的问题
2018/10/23 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
Java ExcutorService优雅关闭方式解析
2020/05/30 Python
简述 Python 的类和对象
2020/08/21 Python
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
工作中的自我评价如何写好
2013/10/28 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
法人代表证明书格式
2014/10/01 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
认真学习保证书
2015/02/26 职场文书