document.designMode的功能与使用方法介绍
将文档设置为设计模式
要将整个文档设置为设计模式,可以对文档对象本身设置 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”。
相关推荐
-
document.designMode的功能与使用方法介绍
将文档设置为设计模式 要将整个文档设置为设计模式,可以对文档对象本身设置 designMode 属性.当文档处于设计模式时,将不运行脚本.这样,似乎在文档内设置一个按钮来打开或关闭设计模式是个好注意,但这样做没有作用.当用户打开它后,它将保持在设计模式状态.当他们下次单击此按钮时,它将被选定而不是被单击,他们再次单击它,将能够编辑它的值.这就是为什么如果要使用设计模式最好对框架或 IFrame 中的文档设置 designMode 属性的原因.下例展示如何为 IFrame 中的文档打
-
网页中右键功能的实现方法之contextMenu的使用
本文介绍一种网页中实现右键功能的方案–contextMenu. 1.下载 下载地址 https://github.com/swisnl/jQuery-contextMenu 下载得到压缩文件jQuery-contextMenu-master.zip 解压后,使用dist目录下css.js. 2.使用方法 使用步骤: (1) 引用css.js. (2) html.js代码. 简单例子如下: 代码test.html: <!DOCTYPE html> <html lang="en&q
-
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
cookie是网站设计者放置在客户端(浏览器)的小文本文件,cookie不仅能够实现保存密码功能,还可以通过cookie保存最近浏览记录增加用户体验. 在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse response Cookie username = new Cookie("username ","cookievalue"
-
JavaScript评论点赞功能的实现方法
通过分析评论功能的逻辑关系,学会如何使用JavaScript实现评论.回复.点赞等各种功能 1.学会JavaScript处理日期和时间. 2.掌握Dom操作中的添加/删除子节点方法. 3.使用setTimeout设置定时器. 4.使用clearTimeout清除定时器以及事件代理的运用. 效果图: 1)实现删除分享内容功能 利用事件代理实现点击关闭按钮删除分享内容. 删除事件: 利用事件代理功能,在父元素节点上添加事件,以减少代码量和系统运行负荷. 事件代理的时候,使用事件对象中的srcElem
-
JavaScript无操作后屏保功能的实现方法
今天组里的同事要写一个屏保的效果,要求鼠标无操作N秒后进入屏幕保护,滑动鼠标的时候取消屏幕保护.因为是坐在网页上,所以用JavaScript简单实现了一下,记录在此,代码如下: <html> <head> <title>屏幕保护测试</title> <script type="text/javascript"> var message ;//获取p标签 var t=setTimeout("delayTask()&qu
-
Vue+scss白天和夜间模式切换功能的实现方法
本文主要介绍了Vue+scss白天和夜间模式切换功能的实现方法,分享给大家,具体如下: 效果图 图片被压缩了不够清晰. 安装Scss 注:若安装失败可以考虑使用cnpm,或者切换npm源等方式安装. npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader
-
python中Flask Web 表单的使用方法介绍
目录 简介 普通表单提交 Flask-WTF基础 使用Flask-WTF处理表单 Flask消息闪现 文件上传 文件上传的另一种写法 简介 表单的操作是Web程序开发中最核心的模块之一,绝大多数的动态交互功能都是通过表单的形式实现的.本文会教大家实现简单的表单操作. 普通表单提交 在创建模板login.html页面中直接写form表单. login.html <!DOCTYPE html> <html lang="en"> <head> <
-
Oracle RMAN自动备份控制文件方法介绍
RMAN(Recovery Manager)是一种用于备份(backup).还原(restore)和恢复(recover) 数据库的 Oracle 工具.RMAN只能用于ORACLE8或更高的版本中.它能够备份整个数据库或数据库部件,如表空间.数据文件.控制文件.归档文件以及Spfile参数文件.RMAN也允许您进行增量数据块级别的备份,增量RMAN备份是时间和空间有效的,因为他们只备份自上次备份以来有变化的那些数据块.而且,通过RMAN提供的接口,第三方的备份与恢复软件如veritas将提供更
-
通过隐藏iframe实现文件下载的js方法介绍
通过隐藏iframe实现文件下载的js方法介绍 复制代码 代码如下: <script> function download(){ //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f72
-
iOS表视图之下拉刷新控件功能的实现方法
下拉刷新是重新刷新表视图或列表,以便重新加载数据,这种模式广泛用于移动平台,相信大家对于此也是非常熟悉的,那么iOS是如何做到的下拉刷新呢? 在iOS 6之后,UITableViewControl添加了一个refreshControl属性,该属性保持了UIRefreshControl的一个对象指针.UIRefreshControl就是表视图实现下拉刷新提供的类,目前该类只能用于表视图界面.下面我们就来试试该控件的使用. 编写代码之前的操作类似于前面几篇文章.代码如下: #import "View
随机推荐
- 详解AngularJS中module模块的导入导出
- iOS实现一个意见反馈类型的输入栏
- Bootstrap3 input输入框插入glyphicon图标的方法
- DEDE添加迅雷专用链接(半迅雷化)
- Java中获取类路径classpath的简单方法(推荐)
- JavaWeb开发中alias拦截器的使用方法
- Javascript - HTML的request类
- ES6正则表达式的一些新功能总结
- window.onload绑定多个事件的两种解决方案
- PHP添加MySQL数据记录代码
- python base64 decode incorrect padding错误解决方法
- ASP常用函数:CStrIP()
- 微信小程序图表插件(wx-charts)实例代码
- JavaScript网页定位详解
- 一个jdbc 测试程序代码
- jQuery实现带渐显效果的人物多级关系图代码
- jquery中交替点击事件toggle方法的使用示例
- jQuery旋转木马式幻灯片轮播特效
- Android编程之自定义ProgressBar示例
- Android中SharedPreference使用实例讲解