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

2019-12-21,,,

做页面预览的时候,数据没有存入数据库,但是要打开一个页面进行预览,询问众大婶,原来是这样来做。

1、父页面
复制代码 代码如下:
<input type="text" id="name" value="zhangsan"/>
<a href="a.html" target="_blank">预览</a>

2、子页面,也就是a.html获取父页面中文本框的value
复制代码 代码如下:
$(function(){

console.info(window.opener.document.getElementById("name").value);
});

这样控制台中出来的则是父页面文本框的值

Don't hurry say have no choice, perhaps, next intersection will meet hope.

您可能感兴趣的文章:

  • JS中Iframe之间传值及子页面与父页面应用
  • 在父页面调用子页面的JS方法
  • JS父页面与子页面相互传值方法
  • JSP父页面传参数到子页面及接收示例
  • iframe子页面与父页面在同域或不同域下的js通信
  • 两个JSP页面父页面获取子页面内容的两种方法
  • 嵌入式iframe子页面与父页面js通信的方法
  • js父页面中使用子页面的方法

《js子页面获取父页面数据示例.doc》

下载本文的Word格式文档,以方便收藏与打印。