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 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
javascript常用功能汇总
Jul 05 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
Nov 24 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
ES6入门教程之let、const的使用方法
Apr 13 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 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 伪造本地文件包含漏洞的代码
2011/11/03 PHP
PHP使用token防止表单重复提交的方法
2016/04/07 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
Vue2.0 实现移动端图片上传功能
2018/05/30 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
python字典get()方法用法分析
2015/04/17 Python
windows下ipython的安装与使用详解
2016/10/20 Python
Python reduce()函数的用法小结
2017/11/15 Python
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python如何修改文件时间属性
2021/02/05 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
应届本科生推荐信范文
2013/12/25 职场文书
主管会计岗位责任制
2014/02/10 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技