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 读取图片文件的大小
Jun 25 Javascript
jquery 表单进行客户端验证demo
Aug 24 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 Javascript
Vue自定义指令拖拽功能示例
Feb 17 Javascript
js实现4个方向滚动的球
Mar 06 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
详解Vue3使用axios的配置教程
Apr 29 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文件读写操作之文件读取方法详解
2011/01/13 PHP
php共享内存段示例分享
2014/01/20 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
MSN消息提示类
2006/09/05 Javascript
一个对于Array的简单扩展
2006/10/03 Javascript
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
2020/07/24 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
高一政治教学反思
2014/01/28 职场文书
五年级学生评语
2014/04/22 职场文书
大型会议策划方案
2014/05/17 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
部分武汉产收音机展览
2022/04/07 无线电