JS如何从上一个页面取值到本页面 ---- opener

最新推荐文章于 2023-04-14 09:40:24 发布
最新推荐文章于 2023-04-14 09:40:24 发布
阅读量740 收藏
点赞数
分类专栏： ┉┇前端小知识 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45764765/article/details/107004479
版权

-> 快速使用

在本页面js中, 

var $opener=$(window.opener.document);
 $("本页面需要填值的input框").val($opener.find("#上一个页面的input框的id").val());

-> 具体事例和步骤

需求：在A页面填好数据后，跳转到B页面，这时在B页面又要用到A页面的某些数据

 

<%@ page contentType="text/html;charset=UTF-8"%><!DOCTYPE html>
<script type="text/javascript">
	$(function(){
		// 从上一个页面取值填充到本页面
		var $opener=$(window.opener.document);
		$("input[name=gpjzsj]").val($opener.find("#field339322070").val());
	})
</script>

补充：opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。

opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。

一碗谦谦粉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript获得当前网页来源页面（即上一页）的方法
12-08
本文实例讲述了JavaScript获得当前网页来源页面（即上一页）的方法。分享给大家供大家参考。具体如下： 下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The referrer of this document is: [removed] [removed](document.referrer); [removed] </body> </html> 希望本文所述对大家的javascript程序设计有所帮助。
opener-docker-wrapper:OpeNER Docker映像的包装器服务
05-09
开瓶器包装 该存储库包含一个简单的服务，用于包装多个OpeNER服务并通过统一的API公开它们。 # start the nlp services and wrapper servicedocker-compose up --build -d# call the wrapper servicecurl ' ...
一个从另一个打开页面返回值的javascript例子
咖啡妆
11-16 218
      今天写项目的时候用到了需要从另一个打开页面取值的javascript，觉得很有用，就把它简化成了一个简单的例子贴出来，有小区的可以看看，有谁有更好的给小弟仍一个。   用两个页面进行测试：     1，访问页面：a.html：&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" name="...
JS页面取值
qq_43516647的博客
08-18 143
<input id="" <radio <checkbox
js获取另一个页面的参数值
qing_er_的博客
08-01 1770
以layui框架下为例，编辑操作需要 将id从列表查询页传到编辑页中 去找到我们要编辑的那条数据。将id传到编辑页之后，在编辑页中即可获取到此id值。
js 一个页面获取另外一个页面url传过来的参数
热门推荐
banpu的博客
03-20 1万+
js 一个页面获取另外一个页面url传过来的参数例如：&lt;a v-bind:href="'addressEdit.html?addressid='+list.addressId"&gt; 在addressEdit.html页面 获取 list.addressId 方法一： function getQueryString(name) { var reg = new RegExp('(^...
opener-docker-ner:用于OpeNER命名实体识别服务的Dockerfile
05-09
在本地运行和测试： docker run -p 8080:80 cwolff/opener-docker-language-identifierdocker run -p 8081:80 cwolff/opener-docker-tokenizerdocker run -p 8082:80 cwolff/opener-docker-pos-taggerdocker run -p...
opener-docker-tokenizer:用于OpeNER令牌生成器服务的Dockerfile
05-09
用于OpeNER标记程序服务的Dockerfile。 在本地运行和测试： docker run -p 8080:80 cwolff/opener-docker-language-identifier docker run -p 8081:80 cwolff/opener-docker-tokenizer text= " I went to Rome ...
webfrom-父页面调用子页面的方面，刷新列表.pdf
08-21
Response.Write("[removed]alert('更新成功！... Response.Write("[removed] window.opener.getInfo();[removed]"); function getInfo() { document.getElementById("TclButton1").click(); }
homebridge-rpi-garage-door-opener：Raspberry Pi GPIO车库门开启器的HomeBridge插件
02-03
您可能会在手机上观察到错误的门状态以及车库门的意外行为。 之所以发生这种情况，是因为该插件对门上的情况知之甚少。 使用2个传感器，它仅知道门何时关闭或完全打开。 它不知道这些状态之间会发生什么，特别是当您...
JS获取当前页面完整信息
12-02
JS获取当前页面完整信息，获取页面的头信息
JS实现把一个页面层数据传递到另一个页面的两种方式
10-18
主要介绍了JS实现把一个页面层数据传递到另一个页面的方式,本文给大家提供了两种方式，需要的朋友可以参考下
获取上个页面或改变某个值
l_yilan的博客
06-22 165
let pages = getCurrentPages(); let currentPage= pages[pages.length - 1]; //当前页 let prevPage = pages[pages.length - 2]; //上一个页面 let checked = prevPage.data.checked; //取上页data里的数据也可以修改 prevPage.setData({ checked:true, })//修改上个页面的某个值 ...
js 获取另一个html内容,添加到当前页面
曾经也是个少年
01-25 2018
$("div").load('htmlUrl');
window.open返回值实例详解(子窗口向父窗口回显)
zhupengqq的博客
01-08 2487
window.open返回值实例详解(子窗口向父窗口回显) window.open实例： 1、父页面： <script language="javascript" type="text/javascript"> var wd; var winTimer;//计时器变量, 监听窗口关闭 function openWindow() { wd =...
JS——如何在跳转后获取前一个页面的元素
我想我是海 冬天的大海 心情随风轻摆
01-06 9459
A.htm 无标题页 function jump(){ window.open("B.htm"); } idname 1jack B.htm 无标题页 function showPageATable(){ debugger;
页面之间传值的方法
weixin_34292959的博客
08-07 683
在前端开发中我们常常需要从一个跳到另一个页面，并且将当前页面的数据传递过去，总结一下我的方法： 1 通过URL传值，不过有个缺点就是传输的值不能太大，因为浏览器对与URL的长度是有限制的。 首先定义getQueryString方法 function getQueryString(name) { var reg = new RegExp('(^...
通过JavaScript来实现页面间数据传递
2301_77405158的博客
04-14 2686
【代码】通过JavaScript来实现页面间数据传递。
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7335
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
jQuery子页面刷新父页面--局部刷新+整体刷新 [转]
最新发布
06-01
好的，关于你的问题，我可以提供以下的解决方案。 如果你想在子页面中更新父页面的某个区域（局部刷新），可以使用以下代码： 在父页面中定义一个函数，用于更新指定区域的内容： ``` function updateContent(content) { $('#target').html(content); } ``` 在子页面中调用该函数，传入需要更新的内容： ``` window.opener.updateContent('new content'); ``` 其中，`window.opener` 可以获取到父页面的 `window` 对象，从而调用父页面的函数。 如果你想在子页面中刷新整个父页面，可以使用以下代码： ``` window.opener.location.reload(); ``` 其中，`window.opener` 同样可以获取到父页面的 `window` 对象，从而重新加载整个页面。 希望以上内容能够帮助到你。如果你还有其他问题，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一碗谦谦粉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值