iframe 窗口之间js函数的调用

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量309 收藏
点赞数
分类专栏： javascript html 文章标签： javascript chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w97659/article/details/41479639
版权

同一个页面中包含两个<iframe id=”A”  > <iframe id=”B”  >

A中有全局函数fa()

B中有全局函数fb()

在A中调用B中的js函数，在IE8中使用

parent.B.fb();  

在Chrome中上面的fb()调用不到，在Chrome中需要使用

parent.B.contentWindow.fb();  //在IE8中无法使用contentWindow属性

Ronald-Wen
关注
专栏目录
js调用iframe内函数
tuoxinquyu的专栏
01-05 5987
代码例子：<!doctype html> <html> <head> <meta charset="utf-8"> <title>js invoke iframe inner function</title> <style> *{ margin: 0; padding:0;} </style> </head><body> <iframe id="t
js实现iframe跨页面调用函数的方法
chenqianggang的专栏
12-13 3048
这篇文章主要介绍了js实现iframe跨页面调用函数的方法,实例展示了iframe中父页面调用子页面和子页面调用父页面的实现技巧,非常具有实用价值,需要的朋友可以参考下 　　本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下： 　　在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数
跨iframe 执行js函数
永久前锋的专栏
02-03 613
Posted on 2010-07-30 19:19 千羽天明 主窗口中的代码： 1 2 3 4 5 6 scripttype="text/javascript">     window.gogo = function (){alert('这是来自主窗口的信息');} script> iframeid="test"na
深入理解Java虚拟机笔记（3）-------垃圾回收判断方法
weixin_40660221的博客
07-18 128
1. 引用计数器法 这是一种简单高效的判断对象是否可用的算法，简单来说就是在对象中添加一个引用计数器，当有引用指向它的时候计数器就+1，当它的一个引用不在指向它的时候计数器就-1；当计数器为0时就说明这个对是不再可用的。虽然这个方法思想很简单，但是要考虑到很多特殊情况的时候就要做很多额外工作才能让这个方法正常工作。最常见的一个问题就是互相引用，而外界不再有引用指向对象的情况。所以Java没有使用这种方法。 public static void testGC() { A objA = new A();//A和
iframe遇到的坑，如子父页面元素获取报错，iframe.contentWindow == null等等
热门推荐
张井乙ccccyc的博客
02-02 1万+
新接触了一个用iframe的项目，入门的时候子父页面的元素获取和传值搞得我头晕脑胀，浪费了很多时间。 在此，总结下iframe的一些小知识 子页面获取父页面元素 //js //获取父页面的window window.parent //获取父页面元素 window.parent.document.getElementById("objid")......
iframe子父页面调用js函数示例
12-12
在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...
用js互相调用iframe页面内的js函数
09-28
标题提到的问题是在各种浏览器中，尤其是考虑到跨浏览器兼容性时，如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中，有一些不同的处理方式。 首先，获取`iframe`页面的引用是...
调用iframe中的js函数
dmkaadmk的专栏
06-13 4373
在父页面调用iframe中的函数     js var iframe = window.document.getElementById("iframeName");  iframe.contentWindow.methodName(); jquery var iframe2 = $("#iframeName")[0]; iframe2.contentWindow.methodN
js执行iframe中的函数_JS高级技巧
weixin_39899630的博客
11-20 598
本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经验，进行扩展延伸，同时指出书里的一些问题。将会讨论安全的类型检测、惰性载入函数、冻结对象、定时器等话题。1. 安全的类型检测这个问题是怎么安全地检测一个变量的类型，例如判断一个变量是否为一个数组。通常的做法是使用instanceof，如下代码所示：let 但是上面的判断在一定条件下会失败——就是在i...
js调用iframe页面中的变量，js调用iframe页面中的函数
夏沐的博客
09-01 1万+
     在本文中，主要介绍：     （1）父页面a.html调用iframe插入的子页面b.html页面中的js函数；     （2）父页面b.html调用iframe插入的子页面c.html页面的js变量；      如下图所示为父页面a.html页面，该页面中使用iframe插入了b.html页面，在a.html页面中调用了b.html页面中的函数，并获取了b.html页面中的变量d...
关于js调用iframe中函数方法不管用的一些提示
前端小渣渣
11-29 6917
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。      今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 923
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 672
【代码】【JavaScript】LeetCode：707设计链表。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 596
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
js调用iframe
09-19
然后，使用`contentWindow`属性来访问iframe的内容窗口，进而调用其中的函数或方法。 在这个例子中，通过 `postMessage` 方法向iframe发送了一条消息。第一个参数是要传递的数据，第二个参数是目标窗口的源。通常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值