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 相关文章推荐
jQuery库与其他JS库冲突的解决办法
Feb 07 Javascript
Jquery中删除元素的实现代码
Dec 29 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
Jun 18 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
jQuery+formdata实现上传进度特效遇到的问题
Feb 24 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
vue项目中锚点定位替代方式
Nov 13 Javascript
简单了解vue 插值表达式Mustache
Jul 22 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
substr()函数中文版
2006/10/09 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
php print EOF实现方法
2009/05/21 PHP
php session和cookie使用说明
2010/04/07 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
2009/11/27 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
解决Mac下使用python的坑
2019/08/13 Python
Django中提示消息messages的设置方式
2019/11/15 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
使用Python发现隐藏的wifi
2020/03/04 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
剪彩仪式主持词
2014/03/19 职场文书
幼儿园家长寄语
2014/04/02 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
如何通过cmd 连接阿里云服务器
2022/04/18 Servers