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 相关文章推荐
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
Jquery实现弹出层分享微博插件具备动画效果
Apr 03 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
javascript表单正则应用
Feb 04 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
react-router JS 控制路由跳转实例
Jun 15 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
vue全局使用axios的操作
Sep 08 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
第八节--访问方式
2006/11/16 PHP
php生成图片验证码的方法
2016/04/15 PHP
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
2017/07/10 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
Python随机生成彩票号码的方法
2015/03/05 Python
Python脚本实现代码行数统计代码分享
2015/03/10 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
python的mysqldb安装步骤详解
2017/08/14 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
市优秀教师事迹材料
2014/02/05 职场文书
人事任命书格式
2014/06/05 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
高中生自我评价范文2015
2015/03/03 职场文书
感恩节寄语2015
2015/03/24 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
详解nginx进程锁的实现
2021/06/14 Servers