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
jquery.validate分组验证代码
Mar 17 Javascript
Javascript判断对象是否相等实现代码
Mar 18 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
Oct 20 Javascript
JavaScript闭包与作用域链实例分析
Jan 21 Javascript
详解Element 指令clickoutside源码分析
Feb 15 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 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留言本实例代码
2010/05/09 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
Apache+PHP+MySQL搭建PHP开发环境图文教程
2020/08/06 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
python利用hook技术破解https的实例代码
2013/03/25 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
matplotlib实现区域颜色填充
2019/03/18 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
python 多线程中join()的作用
2020/10/29 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
如何用python 操作zookeeper
2020/12/28 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
非常详细的C#面试题集
2016/07/13 面试题
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
催款律师函范文
2015/05/27 职场文书
湘江北去观后感
2015/06/15 职场文书
干部培训简讯
2015/07/20 职场文书