【笔记】 《js权威指南》- 第15章 脚本化文档 - 15.10 其他文档特性
2016-04-08 10:50
507 查看
1.Doucument属性:
2.获取选中的文本:
3.可编辑的内容:
(1).通过编辑标签contenteditable属性或者编辑JS元素的contenteditable属性是元素变得可编辑;
(2). 通过设置document对象的designMode属性为“on”;
(3). 使用文本编辑命令来编辑文本:
可能兼容的指令列表:
2.获取选中的文本:
function getSelectedText() { if(window.getSelection) return window.getSelection().toString(); else if ( document.selection.createRange().text; } //兼容ie外的浏览器获取输入文本域中的选中内容 elt.value.substring(elt.selectionStart, elt.selectionEnd);
3.可编辑的内容:
(1).通过编辑标签contenteditable属性或者编辑JS元素的contenteditable属性是元素变得可编辑;
<div id="editor" contenteditable> CLick to edit </div>
(2). 通过设置document对象的designMode属性为“on”;
(3). 使用文本编辑命令来编辑文本:
//参数1:指令 //参数2:建议使用false, true为浏览器提示用户输入值 //参数3:超链接url document.execCommand("bold", false, url); //检测浏览器是否兼容指令: document.queryCommandSupport("bold"); //检测当前是否能使用某指令: document.queryCommandEnabled("bold"); //获取某指令当前使用状态 document.queryCommandState("bold"); //获取某些指令相关联的值: document.queryCommandValue("fontname"); //当前选取出现几种不同的状态: document.queryCommandIndeterm("bold");
可能兼容的指令列表:
相关文章推荐
- IE下document.referrer 拒绝访问的解决方法
- js中的referrer返回上一页使用介绍
- 用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
- Photoshop定义画笔选区为空的原因
- Kindeditor在JSP项目中的应用
- JS返回上一页并刷新
- js 给div 添加选区,类似windows桌面选区一样,兼容ie6、7、8、9、10、Firefox、Google、所有浏览器
- iOS富文本编辑(在label里显示文字和图片)
- Command Patern
- http referrer,https request http conent,mix content
- contenteditable获得焦点后的边框设置
- div可编辑之contenteditable属性 二
- div可编辑之contenteditable属性
- contentEditable 在chrome和ie兼容性处理
- js获取上一页访问的URL地址
- Java项目单点登录
- photoshop高光,暗,中间调选区获取
- 微信公众号开发,ios系统自带返回按钮,不刷新页面
- WordPress-Editor-Android介绍:Android WebView与JavaScript实现的富文本编辑器
- div模拟文本框