JavaScript学习要点（十二）

XDM跨文档消息传送指的是在来自不同域的页面间传递消息，其核心是postMessage()方法

该方法接收两个参数：一条消息和表示消息接收方来自哪个域的字符串

var iframeWindow = document.getElementById(“myframe”).contentWindow;

iframeWindow.postMessage(“A secret”, “http://www.wrox.com”);

按下鼠标键并开始移动鼠标时，会在被拖放的元素上触发dragstart事件，可在ondragstart事件处理程序来运行JS代码

被拖动时会持续触发drag事件，拖动停止后会触发dragend事件

当元素被拖动到一个有效的放置目标上时，dragenter dragger dragleave或drop会依次发生

dataTransfer对象用于在拖放操作时实现数据交换

主要有两个方法gerData()和setData()，getData()用于取得setData()保存的数据

event.dataTransfer.setData(“URL”,”https://www.baidu.com/”);

var url = event.dataTransfer.getData(“URL”);

该对象的dropEffect属性可以知道被拖动的元素能够执行哪种放置行为，有四个可能的值“none” “move” “copy” “link”，dropEffect属性只有搭配effectAllowed属性才有用，它被用来表示允许拖动元素的哪种dropEffect，不同的effectAllowed允许了不同的dropEffect，必须在ondragstart事件处理程序中设置effectAllowed属性

默认情况下，图像链接和文本是可以拖动的

HTML5为所有的HTML元素规定了一个draggable属性表示元素是否可以拖动

HTML5规定dataTransfer对象还应包含addElement(element)：为拖动操作添加一个元素，只影响数据而不影响外观

clearData(format)：清楚以特定格式保存的数据

setDragImage(element, x, y)

types：当前保存的数据类型