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 相关文章推荐
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
基于datagrid框架的查询
Apr 08 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
解决layui数据表格排序图标被超出的表头挤出去的问题
Sep 19 Javascript
node crawler如何添加promise支持
Feb 01 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
php入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
angularJS开发注意事项
2018/05/26 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
python中日志logging模块的性能及多进程详解
2017/07/18 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
对python 数据处理中的LabelEncoder 和 OneHotEncoder详解
2018/07/11 Python
详解python 注释、变量、类型
2018/08/10 Python
基于Python中的yield表达式介绍
2019/11/19 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
餐饮业的创业计划书范文
2013/12/26 职场文书
自荐信如何制作?
2014/02/21 职场文书
投资合作协议书范本
2014/04/17 职场文书
仓库规划计划书
2014/04/28 职场文书
银行贷款收入证明
2014/10/17 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
2015年教研组工作总结
2015/05/04 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL