脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 控制多个iframe 页面

JS是否可以跨文件同时控制多个iframe页面的应用技巧

 更新时间：2007年12月16日 20:56:15   投稿：mdxy-dxy  
这篇文章给大家详细介绍了JS是否可以跨文件同时控制多个iframe页面的应用技巧，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

有个办法,建议你的有连接的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中高阶函数的巧妙运用

    JavaScript中高阶函数的巧妙运用

    JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函数，本文介绍了JS中一些高阶函数的妙用，希望对大家有所帮助
    2023-05-05
  • 如何使JavaScript休眠或等待

    如何使JavaScript休眠或等待

    在本文中，我将解释如何使用 setTimeout()，包括如何使用它来制作一个睡眠函数，使JavaScript暂停执行并在连续的代码行之间等待。
    2021-04-04
  • JS继承实现方法及优缺点详解

    JS继承实现方法及优缺点详解

    这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • layui表格 列自动适应大小失效的解决方法

    layui表格 列自动适应大小失效的解决方法

    今天小编就为大家分享一篇layui表格 列自动适应大小失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 解决 FireFox 下[使用event很麻烦] 的问题.

    解决 FireFox 下[使用event很麻烦] 的问题.

    解决 FireFox 下[使用event很麻烦] 的问题....
    2006-08-08
  • 详解如何在JavaScript中无缝地集成和使用Python代码

    详解如何在JavaScript中无缝地集成和使用Python代码

    这篇文章主要目标是帮助诸位理解如何在JavaScript中无缝地集成和使用Python代码，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下
    2023-06-06
  • 微信小程序开发探究

    微信小程序开发探究

    这篇文章主要介绍了微信小程序开发探究,非常具有实用价值，需要的朋友可以参考下。
    2016-12-12
  • js代码解密代码

    js代码解密代码

    在做网页时（其实是网页木马呵呵），最让人烦恼的是自己辛辛苦苦写出来的客户端IE运行的JAVASCRIPT代码常常被别人轻易的拷贝，实在让自己的心里有点不是滋味，要知道自己写点东西也挺累的
    2008-06-06
  • js实现购物车商品数量加减

    js实现购物车商品数量加减

    这篇文章主要为大家详细介绍了js实现购物车商品数量加减，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • c#和Javascript操作同一json对象的实现代码

    c#和Javascript操作同一json对象的实现代码

    刚开始学Javascript，接触到json对象，json可以看作是用于客户端数据实体对象的载体。json对象一般都是通过ajax方式传送给服务层
    2012-01-01

最新评论