要在弹出层中获取父页面的值,可以通过以下几种方式进行操作:
- 使用localStorage: 在父页面中将需要传递的值存储到localStorage中,然后在弹出层中使用window.parent.localStorage.getItem()方法获取父页面的值。
父页面:
localStorage.setItem('data', '父页面的值');
弹出层:
var data = https://www.yisu.com/ask/window.parent.localStorage.getItem('data'); console.log(data); // 输出:父页面的值
- 使用URL参数传递: 在打开弹出层时,将需要传递的值作为URL参数传递到弹出层的URL中,然后在弹出层中使用window.location.search获取URL参数。
父页面:
var data = 'https://www.yisu.com/ask/父页面的值'; window.open('popup.html?data='https://www.yisu.com/ask/+ encodeURIComponent(data));>弹出层(popup.html):
var urlParams = new URLSearchParams(window.location.search); var data = https://www.yisu.com/ask/urlParams.get('data'); console.log(decodeURIComponent(data)); // 输出:父页面的值
- 使用window.opener: 在弹出层中使用window.opener来获取父页面的window对象,然后通过window.opener.document.getElementById()等方法获取父页面元素的值。
父页面:
弹出层:
var data = https://www.yisu.com/ask/window.opener.document.getElementById('data').value; console.log(data); // 输出:父页面的值以上是几种常见的获取父页面值的方法,根据实际情况选择适合自己的方式。