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 相关文章推荐
IE下JS读取xml文件示例代码
Aug 05 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
js中通过父级进行查找定位元素
Jun 15 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
javascript编写简易计算器
May 06 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 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 缩略图实现函数代码
2011/06/23 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
php数据访问之查询关键字
2016/05/09 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
javascript获取当前鼠标坐标的方法
2015/01/10 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
python处理RSTP视频流过程解析
2020/01/11 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
药学专业大专生的自我评价
2013/12/12 职场文书
学前教育求职自荐信范文
2013/12/25 职场文书
物流管理专业职业生涯规划书
2014/01/06 职场文书
请假条的格式
2014/04/11 职场文书
销售员岗位职责
2015/02/10 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
iPhone13再次曝光
2021/04/15 数码科技
一文搞懂php的垃圾回收机制
2021/06/18 PHP