调用iframe子页面中的函数

最新推荐文章于 2024-04-23 19:29:15 发布
最新推荐文章于 2024-04-23 19:29:15 发布
阅读量4.4k 收藏 2
点赞数
分类专栏： javascript 文章标签： javascript iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/robin912/article/details/81949251
版权
调用iframe子页面中的函数parent.htmlchild.html问题参考调用iframe子页面中的函数parent.html在父页面中，可以通过document.getElementById(id).contentWindow访问子页面，有的浏览器支持document.frames[id], 还可以直接使用name="myIFrame"中的myIFra...
摘要由CSDN通过智能技术生成

调用iframe子页面中的函数

parent.html

在父页面中，可以通过document.getElementById(id).contentWindow访问子页面，有的浏览器支持document.frames[id],
还可以直接使用name="myIFrame"中的myIFrame作为变量名访问子页面。

<!-- parent.html -->
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        var dialog;
        var dialogIframe;

        function appendToDom
最低0.47元/天 解锁文章
robin912
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javscript调用iframe框架页面中函数的方法
09-04
主要介绍了Javscript调用iframe框架页面中函数的方法,可实现iframe之间传值或修改值,是非常实用的技巧,需要的朋友可以参考下
通过iframe父页面数据的改变进而调用iframe子页面中的函数
weixin_48723882的博客
08-31 351
而Vue的数据双向绑定原理是对data中的数据在**初始化的时候**监听起来**(Object.defineProperty 来进行监听/代理)** 当数据改变setter之后 vm就会知道 在视图改变getter 他就会通知模型你要修改了 模型改变了也会通知视图改变。使用“top.data的方法是一种在嵌套的 iframe 子页面中访问父页面的全局变量的方式top’对象引用的是最顶层的窗口 (即浏览器窗口)，因此可以通过“top.data’来访问在最顶层窗门中定义的“data”变量。
Iframe中的页面如何调用引用Iframe页面里的函数
最新发布
qq_52579875的博客
04-23 455
在Vue.js中，如果你想要在<iframe>内部调用父级组件的方法（如onClose），你需要确保能够跨域通信，因为同源策略通常阻止这种直接调用。
调用iframe中的js函数
dmkaadmk的专栏
06-13 4362
在父页面调用iframe中的函数     js var iframe = window.document.getElementById("iframeName");  iframe.contentWindow.methodName(); jquery var iframe2 = $("#iframeName")[0]; iframe2.contentWindow.methodN
iframe父页面调用子页面方法，并且获取数据（无跨域）
weixin_48195664的博客
06-16 2549
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
iframe框架中函数的相互调用
weixin_34146410的博客
08-10 177
为什么80%的码农都做不了架构师？>>> ...
调用iframe中的函数
sayyy的专栏
03-08 1793
前言 360极速浏览器 13.0.2206.0 (正式版本) （32 位） 操作系统 Windows 10 OS Version 1909 (Build 18363.1379) JavaScript V8 8.6.395.25 调用iframe中的JQuery函数$.fn.jquery JavaScript var iframe = window.document.getElementById("subPage"); iframe.contentWindow.$.fn.jquery; JQuery
vue项目中引入一个iframe怎么去获取这个iframe里面的函数呢？
肖肖肖丽珠的博客
09-18 5062
这是一个vue的页面。我在这里用到了一个iframe。这是一个弹窗才显示的内容。 下面是iframe的内容。有两个按钮取消和提交。这个是在外部界面里的内容。 我要在点击取消和确定的时候把iframe里面的值获取到，在iframe里面写个函数是可以很容易获取到内容的，但是我们要在外部调用这个函数。 首先我们在iframe的界面里定义两个函数 function cancel(){ console.log("取消") } function sure(){ console.l...
iframe子父页面调用js函数示例
10-26
在实际项目中，我们经常需要实现`iframe`子页面与父页面之间的交互，比如调用彼此的JavaScript函数。本文将详细介绍如何实现`iframe`子页面调用父页面的函数，以及父页面调用子页面的函数。 1. **iframe子页面调用...
js实现iframe跨页面调用函数的方法
10-25
然而，当涉及到不同页面间的交互，如父页面与iframe中的子页面之间调用彼此的函数时，就涉及到跨窗口通信的问题。以下将详细介绍如何使用JavaScript实现这种功能。 1. **父页面调用子页面的函数** 在父页面中，...
iframe调用子页面的函数
奔跑的猪皮
05-24 469
(iframe的name属性).window.函数();
js 解决无法调用子iframe页面的js function
热门推荐
吴名氏的博客
03-18 5万+
说明：我们应当确定子iframe页面js有你需要的function 1.调用子iframe页面js的function：document.getElementById('selfDricingFromPro').contentWindow.function名字;(例如：document.getElementById('selfDricingFromPro').contentWindow.provi...
获取Iframe中的元素
忘川
01-19 7241
使用JQuery在父窗口中获取Iframe中的元素： 格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...
在Iframe中调用子页面的Js函数
weixin_33943836的博客
11-08 541
在Iframe中调用子页面的Js函数 调用IFRAME子页面的JS函数 说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。 我们现在要做的就是： 1.在index.html中调用inner.html上的一个js方法 2.在inner.h...
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 6895
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。      今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
调用iframe中的方法和获取iframe中元素的值
atongmu2017的博客
08-02 7186
首页：iframe引入test.html <html> <body> <p>用 IFRAME 可以在HTML文件里显示另一个网页。</p> <p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p> <iframe id="iframe" src="test.html...
父页面调用子页面(在iframe中)中的函数
甘蓝的专栏
12-20 3948
本文实现父页面调用子页面中的JavaScript函数，以及子页面调用父页面中的JavaScript函数。 先看父页面：parent.html parent function parentFunction(var1) { alert('我是父页面中的函数，从子页面传递来的参数为'+var1); } function callChild(var1) { //child为ifr
jq 调用iframe 中的函数
06-09
要在父页面中调用iframe中的函数，可以通过以下步骤实现： 1. 获取iframe元素，例如：var iframe = $('#iframeId')[0]; 2. 获取iframe中的window对象，例如：var win = iframe.contentWindow; 3. 调用iframe中的函数，例如：win.iframe中的函数名称(); 具体代码示例如下： // 获取iframe元素 var iframe = $('#iframeId')[0]; // 获取iframe中的window对象 var win = iframe.contentWindow; // 调用iframe中的函数 win.iframe中的函数名称();

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值