HTML DOM designMode

document.designMode属性设置或返回文档是否可编辑

document.designMode 控制整个文档是否可编辑。有效值为 "on" 和 "off" 。根据规范，该属性默认为 "off" 。Firefox 遵循此标准。早期版本的 Chrome 和 IE默认为 "inherit" 。从 Chrome 43 开始，默认值为 "off" ，并且不再支持 "inherit"。在 IE6 到 IE10 中，该值为大写。

将文档设置为设计模式，要将整个文档设置为设计模式，可以对文档对象本身设置 designMode 属性。当文档处于设计模式时，将不运行脚本。这样，似乎在文档内设置一个按钮来打开或关闭设计模式是个好注意，但这样做没有作用。当用户打开它后，它将保持在设计模式状态。当他们下次单击此按钮时，它将被选定而不是被单击，他们再次单击它，将能够编辑它的值。这就是为什么如果要使用设计模式最好对框架或 IFrame 中的文档设置 designMode 属性的原因。

document.designMode = "on|off"
// 参数： off（默认值。 该文档不可编辑） on（该文档是可编辑的）

当参数设置为on，此时文档是可编辑状态，可对文档中的内容进行修改

控制台中将document.designMode值设为“on”，文档处于可编辑状态

文档默认designMode值为off

同样可以获取当前页面的designMode值