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 实现键盘上下左右功能的小例子
Sep 15 Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
vue中锚点的三种方法
Jul 06 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
JS查找孩子节点简单示例
Jul 25 Javascript
在vue中使用Base64转码的案例
Aug 07 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
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
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP实现变色验证码实例
2014/01/06 PHP
php冒泡排序与快速排序实例详解
2015/12/07 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
vue组件发布到npm简单步骤
2017/11/30 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
详解Vue 动态组件与全局事件绑定总结
2018/11/11 Javascript
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
维德科技C#面试题笔试题
2015/12/09 面试题
大学毕业生的自我鉴定
2013/11/30 职场文书
大学军训感言1000字
2014/02/25 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
商务经理岗位职责
2014/07/30 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
宾馆安全管理制度
2015/08/06 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
浅谈 JavaScript 沙箱Sandbox
2021/11/02 Javascript