HTML父页面调用iframe子页面中js变量和方法

最新推荐文章于 2024-02-01 22:24:47 发布

Joker_Ye

最新推荐文章于 2024-02-01 22:24:47 发布

阅读量9.3k

点赞数 1

文章标签： iframe 父子页面调用js 整理 javascript

本文链接：https://blog.csdn.net/hj7jay/article/details/53758987

版权

获取子页面dom:$("iframe").eq(0).contents().find("selector") 调用子页面js变量和方法:$("iframe").eq(0)[0].contentWindow.method()

以jquery为例，假如子iframe为

obj = $("iframe").eq(0)

现在obj为jquery对象

获取子页面dom

// selector为你的jquery选择器

obj.contents().find("selector")

调用子页面js变量和方法

iframeWin = obj[0].contentWindow  //子页面窗口对象
iframeWin.method();        // 子页面方法
iframeWin.variable;            // 子页面全局变量

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Joker_Ye

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Iframe获取父页面的变量和控件

05-31

子页面获取父页面的方法，变量，标签等子页面获取父页面的方法，变量，标签等

Jquery调用iframe父页面中的元素及方法

11-24

在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...

参与评论您还未登录，请先登录后发表或查看评论

父页面内获取获取iframe内的变量或者是获取iframe内的值

weixin_34378969的博客

11-26

3391

前提：页面不可跨域访问，必须同一域名下，否则返回值为空父页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...

获取iframe里面的变量

热门推荐

zhengxiangwen的专栏

10-28

1万+

var tree = document.getElementById('projectIframe').contentWindow.tree;

关于iframe父页面调用子页面变量

qq_39466006的博客

08-17

274

$('#iframeId')[0].contentWindow.variable；子页面的全局变量，请使用var 声明，切勿使用let，否则会undefined

从父页面获取iframe中变量

csdnklsdm的博客

06-17

298

1.原生js写法 var win = document.getElementById(“testiframe”).contentWindow; 或//var win=window.frames[“testiframe”];//必须为iframe指定name属性 var value = win.varName; 2.jquery写法注意：是contentWindow，不是contentDocument，看到很多资料写错了 iframe最好同时指定id与name属性 ...

iframe子页面与父页面在同域或不同域下的js通信

10-25

父页面可以直接访问iframe中的window对象来调用其中的方法和属性，同样iframe也可以通过访问parent对象来调用父页面的方法和属性。例如，父页面可以使用“myFrame.window.childMethod();”来调用iframe中的方法，而...

浅谈js中子页面父页面方法变量相互调用

10-21

在JavaScript开发中，特别是在涉及到iframe嵌套页面的情况下，经常需要在子页面和父页面之间进行方法和变量的相互调用。在Web开发的场景中，子页面指的是嵌入到父页面中的iframe页面。由于它们处于不同的浏览上下文...

利用JQuery操作iframe父页面、子页面的元素和方法汇总

10-19

JQuery，作为JavaScript的一个强大库，提供了一些方便的API来操作`iframe`及其内部元素，包括在父页面和子页面之间进行交互。本文将详细介绍如何使用JQuery操作`iframe`以及在父页面和子页面间进行元素和方法的交互...

父页面和iframe子页面变量的交互

z1340954953

07-05

2456

父页面和iframe子页面交互变量和元素

JavaScript实现IFrame子窗口调用父窗口的全局变量

12-31

JavaScript实现IFrame子窗口调用父窗口的全局变量

子页面访问父页面和跨iframe访问

03-15

NULL 博文链接：https://pireswang.iteye.com/blog/325571

js中iframe调用父页面的方法

01-19

本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下：子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了比如调用a()函数，就写成：代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了代码如下://在父页面中调用该函数 [removed] function dey() { var cards_frame=document.frames(“card-iframe”); //card-iframe为iframe的名字

iframe父子页面互相调用方法、获取变量、获取元素

lixiaonaaa的博客

12-22

3840

每次iframe父子页面交互的时候总是现查，总也记不住，所以今天来详细记载一下。以下均为jquery 写法。 1、iframe子页面调用父页面（1）方法 parent.func() （2）变量 parent.value （3）jquery元素 $("div",parent.document) 2、父页面调用iframe子页面（1）方法 $("#childrenIframeId").eq(0)[0].contentWindow.func(); （2）变量 $("#ch

iframe获取子父页面元素及JS变量问题

test_00的博客

04-21

499

原文地址:https://www.cnblogs.com/Capricorn-HCL/articles/4216302.html 1,父页面访问子页面的变量：在父页面设置全局变量，在子页面进行修改后将子页面的变量赋值给父页面 2，子页面访问父页面变量: parent.parentVariable, parentVariable是父页面变量 3，子页面访问父页面元素： parent.document.getElementById(‘id’） ...

html 取得iframe中的元素和js变量

yuan882696yan的专栏

06-29

2530

上周想要取得iframe中的元素和js变量

iframe嵌套，父子页面之间变量，方法，元素的相互调用使用介绍

高彩琼的博客

10-10

1144

子页面：<iframe id="XXX" scrolling="auto" frameborder="0" width="100%" height="570px" src="XXX"> </iframe> 父页面取子页面的全局变量： var 变量名称= document.getElementById('XXX').contentWindow.变量名称;父页面调子页面的方...

父页面跨域获取iframe页面的值