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]点出统计器
Oct 11 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
javascript权威指南 学习笔记之javascript数据类型
Sep 24 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
JavaScript Array对象基本方法详解
Sep 03 Javascript
Vue项目打包压缩的实现(让页面更快响应)
Mar 10 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 获取百度的热词数据的代码
2012/02/18 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
Javascript string 扩展库代码
2010/04/09 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
javascript中常用编程知识
2013/04/08 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
jquery实现公告翻滚效果
2015/02/27 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
python list中append()与extend()用法分享
2013/03/24 Python
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Python及Django框架生成二维码的方法分析
2018/01/31 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
酒店led欢迎词
2014/01/09 职场文书
合同协议书格式
2014/04/18 职场文书
团队激励口号
2014/06/06 职场文书
会员活动策划方案
2014/08/19 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
政府会议通知范文
2015/04/15 职场文书
python Tkinter的简单入门教程
2021/04/11 Python
BCL经典机 SONY ICF-5900W电路分析
2022/04/24 无线电