父页面获取 子页面iframe里的变量

最新推荐文章于 2021-12-22 09:34:16 发布
最新推荐文章于 2021-12-22 09:34:16 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： javaWeb 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_33704704/article/details/86622791
版权

<iframe id="XXX" scrolling="auto" frameborder="0" width="100%" height="570px" src="XXX"> </iframe>

 

 var 变量名称= document.getElementById('XXX').contentWindow.变量名称;

C_JK
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Iframe获取父页面的变量和控件
05-31
子页面获取父页面的方法，变量，标签等子页面获取父页面的方法，变量，标签等
两个JSP页面父页面获取子页面内容的两种方法
01-08
需求说明：两个JSP页面，父页面需要子页面的内容，但子页面是隐藏的，具体来说，子页面是一系列的模板，父页面要通过id来获取这些模板，不愿意通过<include>方式导入，因为如果模板过多，就导致整个父页面太大，加载缓慢，以下两个方案，不知有没有解决这个问题。 1、通过ajax方式 实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息 缺点:把js变量转换成java变量比较麻烦,需要使用form表单来提交,而且jsp中的java脚本是在服务器端运行的,需要服务器端资源开销,而且增加了交互次数 2、通过iframe 引入 实现过程:使用ifra
利用JQuery操作iframe父页面、子页面的元素和方法汇总
01-19
前言 iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。 第一、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法： $(this).contents().find(#suggestBox) 第三、在iframe中调用父页面中定义的方法和变量： parent.method parent.value JQUERY、J
iframe嵌套，jq父页面获取子页面变量，Dom元素
qq_44790703的博客
12-23 1879
1.父页面获取子页面id为“#st”的dom var getSomething=$("iframe").contents().find("#st"); 2获取多级iframe嵌套的dom元素 let getSomething = $("iframe").contents().find("iframe").contents().find("#something"); 往后追加 conte...
关于iframe父页面调用子页面变量
qq_39466006的博客
08-17 257
$('#iframeId')[0].contentWindow.variable； 子页面的全局变量，请使用var 声明，切勿使用let，否则会undefined
iframe父子页面互相调用方法、获取变量、获取元素
lixiaonaaa的博客
12-22 3566
每次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 框架 父页面与子界面之间的变量、函数、元素获取
dljm328963024的博客
03-25 446
1、获取页面上的iframe 　　1-1、 document.getElementById('iframeId')； 　　1-2、 window.frames[0]、window.frames['frameName']、frames['frameName']、frames[0]、self.frames[0]，此处self与window等价，相当于本页面的window对象。 　　1-...
JavaScript获取iframe子页面全局变量
海洋之心
10-29 2万+
项目中通过iframe内嵌了一个
HTML父页面调用iframe子页面中js变量和方法
程序猿开发日志【学习永无止境】
12-20 9347
获取子页面dom:$("iframe").eq(0).contents().find("selector") 调用子页面js变量和方法:$("iframe").eq(0)[0].contentWindow.method() 以jquery为例，假如子iframe为 obj = $("iframe").eq(0)现在obj为jquery对象 获取子页面dom // selector为
iframe 父窗口调用子窗口的js全局变量
z110655的博客
04-11 1684
直接上代码 这是子页面的一部分代码由于我要实现聊天功能，多以需要父页面调用子页面chat变量判断是否需要弹窗 <div class="container"> <header><h3 id="username">与{{username}}聊天中</h3></header> <div id="result"> ...
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
01-19
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些...第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html>[removed]</sc
JS控制静态页面传递参数并获取参数应用
11-25
在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。 注意：不涉及跨域问题。 想了很久，终于想到了解决方案。 第一个问题，我们可以利用html页面锚点的特性，将参数通过url传递给b页面 这是a页面...
从父页面获取iframe中变量
csdnklsdm的博客
06-17 279
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子页面变量的交互
z1340954953
07-05 2396
父页面和iframe子页面交互变量和元素
iframe子页面与父页面元素的访问以及js变量的访问
赶路人儿
11-30 5078
1、子页面访问父页面元素  parent.document.getElementById('id')和document相关的方法都可以这样用 2、父页面访问子页面元素  document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument后可以使用document相关方法...
父页面和子页面的传值和获取
do what you like && brave
06-30 4853
js中子页面父页面方法 变量相互调用 （1）子页面调用父页面的方法或者变量：window.parent.方法()或者变量名window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#...
如何操作iframe父页面中的元素、方法、变量
热门推荐
积少成多
02-08 2万+
欢迎访问我的个人博客 http://xiaolongwu.cn/ 方法 1. 在iframe中查找父页面元素的方法： jQuery的方法：$("#id",window.parent.document) 原生的方法：window.parent.document.getElementById("id"); //有时候iframe会嵌套好几层，那么嵌套两层时就是： window.par...
获取iframe子页面js方法，子页面调用父页面变量
aadyf的博客
10-13 645
一、获取子页面方法 1、页面里增加iframe链接路径 <iframesrc="consult.html"frameborder="0"class="layadmin-iframe"id="J_questionzx"></iframe> 2、监听点击事件时跳转到iframe页面并执行相应的方法 $("#J_questionzx")[0].contentWindow.reScrollBottom(); 二、iframe子页面调用父页面公共变量使用parent.c...
自定义注解 输出方法上的参数 和 返回值
夜晓星的博客
01-19 9379
定义自定义注解 /**  * 参数日志  * 输出方法上的参数  * 输出返回对象  */ @Target({ ElementType.METHOD, ElementType.TYPE }) @Retention(RetentionPolicy.RUNTIME) @Documented public @interface ParamLog { }     /** ...
js调用iframe子页面的方法和变量
最新发布
06-27
要在父页面中调用子页面的方法和变量，可以使用以下几种方式： 1. 使用iframe.contentWindow属性获取子页面的window对象，然后调用该对象的方法或访问该对象的属性。 例如，假设iframe的id为"myFrame"，子页面中有一个名为"myFunction"的方法和一个名为"myVariable"的变量，可以使用以下代码来调用它们： ```javascript var iframe = document.getElementById("myFrame"); var childWindow = iframe.contentWindow; childWindow.myFunction(); var myValue = childWindow.myVariable; ``` 2. 在子页面中定义一个全局变量或函数，并在父页面中通过iframe对象的contentWindow属性访问它们。 例如，子页面中定义了一个名为"myFunction"的全局函数和一个名为"myVariable"的全局变量，可以使用以下代码在父页面中访问它们： ```javascript var iframe = document.getElementById("myFrame"); var childWindow = iframe.contentWindow; childWindow.myFunction(); var myValue = childWindow.myVariable; ``` 3. 在父页面中使用postMessage API向子页面发送消息，并在子页面中监听该消息，并根据消息内容执行相应的操作。 例如，在父页面中发送消息： ```javascript var iframe = document.getElementById("myFrame"); var childWindow = iframe.contentWindow; childWindow.postMessage("hello", "http://example.com"); ``` 在子页面中监听消息： ```javascript window.addEventListener("message", function(event) { if (event.origin == "http://example.com" && event.data == "hello") { // 执行相应的操作 } }); ``` 需要注意的是，在使用postMessage API时需要注意安全性，防止被恶意代码利用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值