document.designMode的功能与使用方法介绍
2007-11-22 00:00
633 查看
将文档设置为设计模式
要将整个文档设置为设计模式,可以对文档对象本身设置 designMode 属性。当文档处于设计模式时,将不运行脚本。这样,似乎在文档内设置一个按钮来打开或关闭设计模式是个好注意,但这样做没有作用。当用户打开它后,它将保持在设计模式状态。当他们下次单击此按钮时,它将被选定而不是被单击,他们再次单击它,将能够编辑它的值。这就是为什么如果要使用设计模式最好对框架或 IFrame 中的文档设置 designMode 属性的原因。下例展示如何为 IFrame 中的文档打开设计模式:
要将整个文档设置为设计模式,可以对文档对象本身设置 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”。
相关文章推荐
- document.designMode的功能与使用方法介绍
- document.designMode的功能与使用方法介绍
- CSS3 Media Queries 详细介绍与使用方法,Responsive Web Design 必备技术
- 经典vim插件功能说明、安装方法和使用方法介绍
- win10多任务视图怎么使用?多任务视图功能使用方法介绍
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- “讯飞语音+”语音识别开放功能使用方法介绍
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- 经典vim插件功能说明、安装方法和使用方法介绍
- Win8文件拖放功能使用介绍及自定义锁定屏幕功能开启方法
- STM32CubeMX使用方法及功能介绍
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- ABViewer图形查看器功能介绍免费下载及使用方法破解
- 经典vim插件功能说明、安装方法和使用方法介绍
- 使用Java实现简单的server/client回显功能的方法介绍
- 经典vim插件功能说明、安装方法和使用方法介绍(已更新)
- 经典vim插件功能说明、安装方法和使用方法介绍