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

最新推荐文章于 2024-01-17 10:27:48 发布
最新推荐文章于 2024-01-17 10:27:48 发布
阅读量609 收藏
点赞数

 （1）子页面调用父页面的方法或者变量：

window.parent.方法()或者变量名
window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写

复制代码 
window.parent.aa();//调取aa函数
window.parent.bb;//调取bb变量

例如：想在子页面中得到id为aaa的文本框的值

window.parent.$("#aaa").val();//这种写法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的写法
复制代码

（2）父页面调取子页面

主要是通过contentWindow定位到子页面

document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法   js的写法

var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法  jquery的写法
//注释：其中 childframe和addFrame 都时iframe的id

 

小熊托尼
关注
在父页面调用子页面的JS方法
12-12
今天弄了一天了，终于在网上找到了解决办法 注意：问题是在父页面调用子页面的方法。。。。。 父页面：parent.html 代码如下:<!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=utf
解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML
热门推荐
UnOpenMyCode的专栏
07-28 1万+
因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句：1.window.parent.document.getElementById("myEle").innerHTML = html;使用 jQuery ，写法如下：1.$("#myEle", window.parent.document).html(html
子页面使用父页面的方法
mkmmkkghhhhhhhh的博客
06-25 1708
一个场景，在子页面需要调用父页面的方法时，查了很多很多现有的方法，在子页面直接调用父页面的方法这种会有一些跨页面的问题，所以对于这个方法我进行优化。需要注意的是，由于同源策略的限制，子页面只能访问同源的父页面。否则，因为安全策略的限制，可能无法调用父页面的方法。相当于给父页面的根节点添加消息监听事件，子页面发送信息的时候，就触发相对应的事件。这样，子页面点击按钮时会发送一个消息给父页面，父页面接收到消息后触发相应的事件。下面我先介绍第一种方法，子页面直接调用父页面的方法。属性访问父页面中的方法。
求 window.parent.document.getElementById(...)为空或不是对象的解决办法。
xuanxiangpu4520的博客
01-03 5456
function forder13(id,v,tablename,fname,gname,str5) { ? ? ? ? str=''; ? ? ? ? str2=''; ? ? ? ? //alert(str2); ? ? ? ? $("#"+str5+id).html(str2); ? ? ? ? ? ? ? ? ? ? ? $("#kk"+id).focus();
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6663
使用JS实现子页面调用父页面的函数
浅谈js中子页面父页面方法 变量相互调用
12-12
（1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...
微信小程序中子页面向父页面传值实例详解
08-31
总结来说，微信小程序中子页面向父页面传值主要依赖于`getCurrentPages()`API来获取页面栈中的父页面对象，然后通过调用父页面的`setData()`方法来实现数据的传递。这种方法简单直接，适用于大部分需要进行页面间...
JavaScript中的子窗口与父窗口的互相调用问题
10-20
综上所述，JavaScript中子窗口与父窗口之间的互相调用涉及到窗口对象的操作、事件处理以及跨窗口的DOM访问等技术点。开发者需要合理运用这些技术点，以实现复杂的交互功能。在实际应用中，需要注意安全性问题，如...
JavaScript调用父窗口方法的实现方式
2301_79325657的博客
10-03 632
这些方法可根据具体场景选择使用。使用window.parent对象适用于嵌套的iframe情况，使用window.opener对象适用于弹出窗口情况，而postMessage方法则是一种通用的跨窗口通信方式，适用于不同窗口之间的交互。在JavaScript编程中，有时候我们需要在一个嵌套的iframe或弹出窗口中调用父窗口（即包含iframe或弹出窗口的窗口）的方法。这种情况下，我们可以使用一些方法来实现这样的交互。希望以上解答能够帮助到你。
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2531
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
子页面调用父页面的函数
weixin_41058481的博客
07-22 1066
子页面调用父页面的函数 在layer.open创建的子页面中，parent.layer.closeAll(‘iframe’);关闭页面都正常； 如果在子页面直接调用父页面中的函数，parent.xxx();或者window.parent.xxx();一般这两种可以调用到。 第三种方式：将父页面的函数挂载到window上， (function(window) { function xx() {}; window.xx= xx; })(window) 子页面再通过parent.xx();调用父页面函数 第
js中父子页面方法、变量互调
qq_41082640的博客
03-09 1221
（1）子页面调用父页面的方法或者变量：方法 ： window.parent.aa();//调取aa函数变量 ： 子页面中得到id为aaa的文本框的值window.parent.$("#aaa").val(); //jquerywindow.parent.getElementById("aaa").value;...
父页面与子页面相互调用
最新发布
qq_32768235的博客
01-17 506
【代码】父页面与子页面相互调用。
window.parent总结
shawnfree的专栏
08-19 2682
window.parent说明 window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身. 可以用这一点特性来判断这个窗口是否是顶层窗口。如： if(window.parent){ //内容 } document.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样 document.frames...
window.parent方法获取父页面属性或者调用方法
qq_38256982的博客
11-12 5145
父页面： <script type="text/javascript"> var serviceType = "服务类型"; </script> 子页面： <script type="text/javascript"> alert(window.parent.serviceType); </script> ...
parent.window与top.window的用法
心如止水 宠辱不惊
09-06 4047
转：http://www.jb51.net/article/30086.htm 首先来说说 parent.window与top.window的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C,D
解决 jQuery 实现填充父窗口iframe里元素的值的问题 如window.parent.document.getElementById().innerHTML...
weixin_33810302的博客
10-13 440
解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML 2009年12月22日 星期二 11:29 A.M. 因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。 在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上...
父子页面相互调用总结
Kingstarforever的专栏
03-26 740
 2010-03-26父子页面相互调用总结 文章分类:Web前端父子页面相互调用是一个在开发中经常遇到的问题，但是没有找到过比较全面的文章介绍。在此总结下来，供大家参考。四种方式        一般情况下，我们可以使用iframe、window的open、showModalDialog、showModelessDialog方法这四种方式打开一个子窗口。(showMo
vue3.0中子组件调用父组件方法
08-26
在 Vue 3.0 中，可以使用 Emit 机制来实现子组件调用父组件的方法。 首先，在父组件中，你需要定义一个方法，并通过 `emits` 属性告诉子组件可以调用的方法。例如： ```javascript <template> <div> <ChildComponent @childMethod="parentMethod" /> </div> </template> <script> import ChildComponent from './ChildComponent.vue' export default { components: { ChildComponent }, methods: { parentMethod() { // 父组件的方法逻辑 } }, emits: ['parentMethod'] } </script> ``` 在上面的代码中，我们在父组件中定义了一个 `parentMethod` 方法，并在 `emits` 中注册了该方法名。 然后，在子组件中，你可以通过 `$emit` 方法触发父组件的方法。例如： ```javascript <template> <div> <button @click="callParentMethod">调用父组件方法</button> </div> </template> <script> export default { methods: { callParentMethod() { this.$emit('childMethod') } } } </script> ``` 在子组件中，我们通过 `this.$emit('childMethod')` 触发了父组件中注册的 `parentMethod` 方法。 这样，子组件就可以调用父组件的方法了。注意，方法名要一致，并且通过 `@childMethod="parentMethod"` 的方式在父组件中监听子组件触发的事件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值