document.designMode的功能与使用方法介绍

213 阅读 0 评论 141 点赞

我是靠谱客的博主花痴台灯，最近开发中收集的这篇文章主要介绍document.designMode的功能与使用方法介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

<script for="btnDesign" event="onclick">   
targetDoc = document.frames(0).document;   
if (targetDoc.designMode == "On")   
          targetDoc.designMode = "Off";   
else   
          targetDoc.designMode = "On";   
</script>   
<button id=btnDesign>DesignMode</button>   
<iframe src="blank.htm" style="border: black thin; width:100%; height:200px"></iframe>  

designMode 属性的值始终以首字母大写格式存储，即时它最初是以全部小写设置的。请在测试它的值时一定记住这点。designMode 属性的默认值是“Inherit”。