使用a标签打开新窗口, window.opener为null问题
- 1.html
<body>
<div>
<!-- 父窗口, 点击链接打开新窗口, a标签需要添加 ref='opener' 否则到新窗口window.opener为null -->
<a href="./2.html" target="_blank" rel="opener">点击打开新窗口</a>
</div>
<script>
window.addEventListener('message', (e) => {
console.log(e)
})
</script>
</body>
- 2.html
<body>
<button onclick="handleClick()">点击回传数据</button>
<script>
function handleClick() {
window.opener.postMessage('这是数据', '*')
}
</script>
</body>