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


Posted in Javascript onNovember 22, 2007

将文档设置为设计模式 
      要将整个文档设置为设计模式,可以对文档对象本身设置 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”。 
Javascript 相关文章推荐
根据json字符串生成Html的一种方式
Jan 09 Javascript
javascript的回调函数应用示例
Feb 20 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
常用DOM整理
Jun 16 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
Aug 16 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
JS闭包原理及其使用场景解析
Dec 03 Javascript
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 #Javascript
摘自百度的图片轮换效果代码
Nov 19 #Javascript
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 #Javascript
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 #Javascript
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 #Javascript
javascript实现二分查找法实现代码
Nov 12 #Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 #Javascript
You might like
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
yii中widget的用法
2014/12/03 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
javascript sudoku 数独智力游戏生成代码
2010/03/27 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Python PyInstaller库基本使用方法分析
2019/12/12 Python
Python实现搜索算法的实例代码
2020/01/02 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
文明风采获奖感言
2014/02/18 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
八月一日观后感
2015/06/10 职场文书