js子页面获取父页面参数或方法

最新推荐文章于 2023-07-10 02:58:32 发布

原创最新推荐文章于 2023-07-10 02:58:32 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

本文介绍了如何通过JavaScript在父页面与子页面之间进行通信的方法。包括设置父页面的全局变量和函数，以及子页面如何利用window.parent访问这些资源。

1、父页面js

var ParameterName = "子页面获取父页面参数"

function ParentPageMethod(){
    return ParameterName
}

2、子页面js
子页面使用window.parent.的方式调用父页面的全局参数或方法

 // 获取父页面的参数值
 var parentVar =  window.parent.ParameterName
 // 获取父页面的方法
 var parentMethod  window.parent.ParentPageMethod()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chen_xionxion

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript技巧：在子页面中获取父页面数据的示例

CsCufft的博客

10-07

604

在父页面中，我们将定义一个全局变量，并将其设置为我们想要传递给子页面的值。在Web开发中，有时我们需要在子页面中获取父页面的数据。下面是一个示例，演示了如何在子页面中获取父页面的数据。希望这个示例能够帮助你理解如何在JavaScript中在子页面中获取父页面的数据。需要注意的是，这种方法只适用于在同一个浏览器窗口或标签页中打开子页面的情况。通过以上方法，你可以在子页面中轻松地获取父页面的数据。接下来，我们需要在子页面中访问父页面的数据。在这个例子中，我们将父页面的数据存储在。，因此无法访问父页面的数据。

子页面获取父页面值

04-04

<body> <iframe src="cs.html" width="" height=""></iframe> </body> [removed] window.val="1" [removed] 子页面： <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> </style> </head> <body> [removed] var val=window.parent.val console.log(val)//1 [removed] </body> </html>

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

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

05-31

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

子页面获取父页面的值

kucool的专栏

12-14

8755

前一阵子在搞__postBack的时候用过子页面获取父页面方法，对于子页面如果获取父页面的值则有好多种方法。这好像又回到了页面间传值的问题。在这里我顺便理一下。对于页面间传值有多种方法:1. 最常见的就是用超连接或者是Response.Redirect方法从一个页面转到另一个页面，这时候你在新页面中要获取父页面中的值时，必须是从URL中传值过来，也就是说使用Get方法传值的。这样传值有以下缺点：

js 取父级页面上的元素

weixin_34007020的博客

07-22

130

var bb=window.opener.frames["contentIframe"].document.all["my:费用类别"][0].value; //可以查询相同同ID的所有元素 var bb=window.opener.frames["contentIframe"].document.getElementById("my:费用类别"); 上面的代码，可以取到父级页面...

iframe父页面获取子页面参数的方法

12-10

要从父页面获取子页面中的`DateTextBox`值，我们可以利用JavaScript的`window.frames`对象。`window.frames`是一个数组，包含了当前窗口中所有`frame`或`iframe`的引用。在这个例子中，我们可以通过索引访问到`...

JS与jQuery实现子窗口获取父窗口元素值的方法

11-26

本文将详细介绍如何使用JavaScript（简称JS）与jQuery来实现子窗口获取父窗口中元素值的功能。 ### JS实现子窗口获取父窗口元素值的方法在JavaScript中，可以通过`window.opener`属性访问打开当前窗口的那个窗口...

js子页面获取父页面数据示例

10-25

在Web开发中，有时候我们遇到了需要在子页面中获取父页面数据的需求，比如在一个表单填写完毕后，点击预览跳转到另一个页面，而希望在子页面中显示父页面上用户填写的表单数据。为了实现这一功能，可以通过...

JS父页面与子页面相互传值方法

10-26

在这个例子中，子页面通过`window.opener`获取到父页面的引用，并修改了父页面文本框的值。二、子页面是iframe框架中的页面情况如果子页面是作为iframe嵌入在父页面中，我们可以通过`parent`关键字来访问父页面...

JS子页面如何获取父页面的变量、对象、方法

热门推荐

阿甘兄

04-25

1万+

子页面获取父页面的变量：parent.window.变量子页面获取父页面的方法：parent.window.方法子页面获取父页面的对象：parent.window.对象子页面获取父页面的对象里面的变量：parent.window.对象.变量子页面获取父页面的对象里面的方法：parent.window.方法举例： 父页面的对象：子页面获取父页面的对象里面的方法： ...

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

12-12

（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定位到

子窗口通过js操作父窗口中的元素

05-05

在子窗口通过js操作父窗口中的元素，涉及js、html、dom

JS 获取父页面传递参数

男神的专栏

07-10

363

/父页面传递的参数 purchaseSuborderId。* 获取父页面传递参数。

js中子页面获取父页面参数，子页面调用父页面方法（一般在iframe页面用的比较多）

hangGe0111的博客

08-08

5390

转载：https://www.cnblogs.com/huangshuqiang/p/5734358.html 1.子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...

js/jquery如何获取获取父窗口的元素

ai8472323的博客

10-15

1341

1、$("#父窗口元素ID",window.parent.document); 对应javascript版本为 window.parent.document.getElementById(“父窗口元素ID”); 取父窗口的元素方法： $(selector, window.parent.document); 取父窗口的父窗口的元素就可以用： $(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异获取iframe父窗体元素： $(selecto

js 子页面如何获取父级页面的元素

weixin_33786077的博客

03-20

943

其实2中方法都是可以的，普通的打开窗口方式使用window.opener.document.getElementById("name");取得父页面的值，打开的是模式窗口用window.parent.document.getElementById("name");去得父页面的值。希望对大家有所帮助转载于:https://blog.51cto.com/8112031...

JS加载获取父窗体传递的参数

weixin_33725807的博客

01-29

414

JS加载获取父窗体传递的参数 $(document).ready(function () { var query = location.search.substring(1); var values = query.split("&"); for (var i = 0; i < values.leng...

js子窗口得到父窗口的值

iteye_19010的博客

03-23

160

var parent_window = parent.dialogArguments; var parent= parent_window.document.getElementById("parent");

js/jquery获取父窗口元素

weixin_39255905的博客

06-08

8834

取父窗口的元素方法：$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异 $(selector, window.top.document); $(selector, window.opener.document); $(selector, window.top.frames[0].document); ...