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 相关文章推荐
js confirm()方法的使用方法实例
Jul 13 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
详解微信UnionID作用
May 15 Javascript
Vue.js中的组件系统
May 30 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
解决vant-UI库修改样式无效的问题
Nov 03 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/08/08 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
php英文单词统计器
2016/06/23 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
JS中==、===你分清楚了吗
2020/03/04 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
Python中的True,False条件判断实例分析
2015/01/12 Python
分享一个常用的Python模拟登陆类
2015/03/29 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
Win10里python3创建虚拟环境的步骤
2020/01/31 Python
pyspark 随机森林的实现
2020/04/24 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
屈臣氏泰国官网:Watsons TH
2021/02/23 全球购物
材料物理专业大学毕业生求职信
2013/10/15 职场文书
一年级学生期末评语
2014/04/21 职场文书
活动总结怎么写
2014/04/28 职场文书
精神文明单位申报材料
2014/05/02 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书
vscode内网访问服务器的方法
2022/06/28 Servers