学堂 学堂 学堂公众号手机端

在子页面中,可以通过以下方法给父页面赋值: 使用JavaScript的window.parent对象来访问父页面的DOM元素,然后进行赋值操作

lewis 1年前 (2024-04-14) 阅读数 14 #技术

在子页面中,可以通过以下方法给父页面赋值:

  1. 使用JavaScript的window.parent对象来访问父页面的DOM元素,然后进行赋值操作。例如:
window.parent.document.getElementById('parentElementId').innerText='value';
  • 如果子页面和父页面处于同一域名下,也可以通过使用postMessage方法来进行消息传递。在子页面中可以发送消息给父页面,父页面接收到消息后进行赋值操作。例如:
  • 在子页面中发送消息:

    window.parent.postMessage('value','*');

    在父页面中接收消息并进行赋值操作:


    window.addEventListener('message',function(event){ document.getElementById('parentElementId').innerText=event.data; });

    通过以上方法,可以实现在子页面中给父页面赋值的操作。

    版权声明

    本文仅代表作者观点,不代表博信信息网立场。

    热门