繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > document.designMode的功能与使用方法介绍
- Javascript
- web开发设计师比较费解的JavaScript
- jQuery教程:整理的几个常见的初学者问题
- 免费资源:7个效果非常棒的jQuery 3D效果插件
- JavaScript教程:编写匿名函数的几种方法
- jQuery教程：jQuery的核心
- jQuery教程：jQuery核心方法的使用
- webjx收集45个jQuery导航插件和教程
- 30个气泡悬浮框（Tooltip）的jQuery插件
- Jetpack扩展案例:Gmail邮件提醒功能
- 非常出色的jQuery运动特效可以和Flash媲美
- ImagesLazyLoad 图片延迟加载效果
- 收集国外的14个图片放大编辑的jQuery插件
- 修改和创建DOM节点两种方式的4种优化方案
- jQuery.Switchable整合插件用途介绍
- 提高Textarea操作性能优秀的jQuery插件
- WEBJX收集12个非常有创意的JavaScript小游戏
- Javascript教程:关于深入了解JS的几个问题
Javascript 中的 document.designMode的功能与使用方法介绍
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 244 ::
收藏到网摘: n/a
将文档设置为设计模式
要将整个文档设置为设计模式，可以对文档对象本身设置 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>
评论 (0) All
