第十六章 脚本编程

脚本编程

1. 跨文档消息传递,简称 XDM

  • 核心是 postMessage() 方法, 接收两个参数:一条消息和一个表示消息接收方来自哪个域的字符串
  • 接收到 XDM 消息会触发 window 对象的 message 事件
  • 触发 message 事件后传递给 onmessage 处理程序的事件对象包含三个重要信息:
    1. data:作为 postMessage() 第一个参数传入的字符串数据
    2. origin:发送消息的文档所在的域
    3. source:发送消息的文档的 window 对象的代理
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      // 基本的检测模型
      function Handler(window, "message", function(event){
      // 确保发送消息的域是已知的域
      if(event.origin == "https://itroger.cn"){
      // 处理接收到的数据
      processMessage(event.data);
      //可选:向来源窗口发送回执
      event.source.postMessage("Received!", "https://xxx.com");
      }
      })

2. 原生拖放

3. 媒体元素

4. 历史状态管理

-------------本文结束 感谢您的阅读-------------
您的支持将鼓励我继续创作!