繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS是否可以跨文件同时控制多个iframe页面的应用技巧
- Javascript
- JGrid中拖动改变列宽的脚本 原型
- javascript 兼容FF的onmouseenter和onmouseleave的代码
- js树形控件脚本代码
- javascript+xml技术实现分页浏览
- js可拖动的后台界面
- javascript 单选框，多选框美化代码
- javascript之可拖动的iframe效果代码
- js 文本框里粘贴一个图片url并显示
- JavaScript国旗变换效果代码
- jquery之Document元素选择器篇
- 开发跨浏览器的JavaScript方法说明
- javascript过滤危险脚本方法
- JQUERY THICKBOX弹出层插件
- IE浏览器PNG图片透明效果代码
- 多浏览器兼容的动态加载 JavaScript 与 CSS
- javascript实现的仿腾讯QQ窗口抖动效果代码
- SyntaxHighlighter代码加色使用方法
- 用JavaScrpt实现文件夹简单轻松加密的实现方法图文
- 利用Ext Js生成动态树实例代码
- javascript批量检查当图片不存在时则显示默认图片的代码
Javascript 中的 JS是否可以跨文件同时控制多个iframe页面的应用技巧
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 318 ::
收藏到网摘: n/a
有个办法,建议你的有连接的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><br />
评论 (0) All
