`
jackleechina
  • 浏览: 585510 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

document.selection 的 empty() 与 clear() 特殊用法

 
阅读更多
ocument.selection.empty() 让选中的内容不选中; document.selection.clear() 删除选中的内容。 很好理解,也很好区分,这里讲的是一个非凡用法。 document.getElementById("content").focus(); var r = document.selection.createRange(); document.selection.empty(); r.text = str; 和下面的代码: document.getElementById("content").focus(); var r = document.selection.createRange(); document.selection.clear(); r.text = str; 都是在光标处插入文字:假如有选中的内容,则会替换选中的内容;假如没有选中的内容,则 empty() 那段代码会在光标处插入文字,而 clear() 那段代码会先删除光标后面一个字符再插入文字。这点区别还是很重要的。

摘自:http://hi.baidu.com/whymysky/blog/item/776c695dbdc09e4efaf2c02a.html
分享到:
评论

相关推荐

    document.execCommand()的用法

    此方法在早期的Web开发中被广泛使用,特别是在富文本编辑器中,因为它提供了一种简便的方式来操作文档内容而无需编写复杂的JavaScript代码或调用其他库。 #### 语法 ```javascript document.execCommand(command, ...

    document.selection.createRange方法与实例

    哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步,我们才能赚大钱! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个不错   就是现在文本域里有一段文字,当你选种其中几个字后点击一个...

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    在探讨“火狐、谷歌、IE关于`document.body.scrollTop`和`document.documentElement.scrollTop`以及值为0的问题”这一主题时,我们深入分析了浏览器在处理页面滚动位置时的不同行为,尤其是当滚动位置值始终为0时的...

    document.body.scrollTop用法

    通过了解并掌握 `document.body.scrollTop` 的使用方法,我们可以实现更加丰富的用户体验。 #### 二、关键属性与方法 ##### 1. document.body.scrollTop - **定义**:表示页面被垂直滚动的距离,单位通常是像素。 ...

    document.getElementsByName()的用法

    其中`document.getElementsByName()`与`document.getElementById()`是常用的两种方法,它们分别通过元素的`name`属性和`id`属性来选取元素。本文将详细介绍这两种方法的用法,并进行深入比较。 #### 一、document....

    JS中关于document.all的详解

    1. **兼容性问题**:`document.all` 主要在早期版本的IE浏览器中支持,对于现代浏览器来说,推荐使用标准的方法如 `getElementById`、`querySelector` 等。 2. **性能考虑**:虽然 `document.all` 能够快速访问文档...

    javascript里的document.all用法

    在现代Web开发中,更推荐使用`document.getElementById()`, `document.getElementsByClassName()`, `document.getElementsByTagName()`或`document.querySelector()`等标准方法,这些方法在所有现代浏览器中都有良好...

    深入探讨:JavaScript中的`document.head`与`document.body`属性

    本文详细介绍了document.head与document.body属性的使用方法和应用场景,希望能够帮助你在实际开发中更好地处理文档结构的操作。如果你在实际开发中遇到任何问题,可以参考本文的内容,或者查阅相关的文档和社区讨论...

    document.all[]详解

    然而,在理解 Web 开发的历史和某些特定场景下,了解 `document.all[]` 的用法仍然具有一定的价值。 #### 二、`document.all[]` 的定义 根据官方文档描述: - **Array of all HTML tags in the document**:`...

    JS:document.all的用法

    然而,需要注意的是,`document.all`在标准浏览器中可能不受支持,因此在实际项目中,更推荐使用`document.getElementById`、`document.getElementsByName`等标准方法来访问DOM元素,以确保代码的兼容性和可维护性。

    JavaScript 中document.URL 和 [removed].href 的区别

    在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前,我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在...

    各浏览器对document.getElementById等方法的实现差异解析

    1. 使用`apply`方法改变`getElementById`的执行上下文,确保`this`指向`document`: ```javascript // 修复document.getElementById document.getElementById = (function(fn){ return function(){ return fn...

    关于document.cookie的使用

    以下将深入解析`document.cookie`的特性、使用方法及其注意事项。 ### `document.cookie`的基本概念 `document.cookie`属性用于读取和写入客户端的cookies。它是一个字符串,包含了多个键值对,每个键值对之间用...

    document.all Firefox不支持

    现代浏览器如Firefox、Chrome、Safari以及Edge等都遵循W3C的标准,推荐使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等方法来选取和...

    html中的内容直接下载到excel中,替换 document.execCommand(‘saveAs’)方法

    传统的做法是使用`document.execCommand('saveAs')`方法,但这个方法在某些现代浏览器中已被废弃,因此需要寻找替代方案。本篇文章将详细探讨如何在不依赖`execCommand('saveAs')`的情况下,实现HTML内容直接下载到...

    document.execCommand()解析

    本文将深入探讨`document.execCommand()`的使用方法、适用场景以及相关知识点。 一、基本概念 `document.execCommand()`是浏览器提供的一个全局方法,用于执行一系列富文本编辑命令。这些命令涵盖了从简单的文本...

    win7中vfp软件安装后出现 0: 找不到MSXML2.DOMDOCUMENT.4.0类定义

    win7中vfp软件安装后出现 0: 找不到MSXML2.DOMDOCUMENT.4.0类定义,此中是Dll文件下载,直接放在c:\windows\system目录下即可!msxml4.cab

    document.getElementById()

    document.getElementById()对象和使用方法

    document属性和方法.txt

    document.selection.empty(); ``` ##### 14. `document.images` 用于获取文档中的所有图片元素。 - **语法**: ```javascript document.images ``` - **示例**: ```javascript // 获取文档中的第一个图片...

    JS的document_详细介绍及用法

    此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...

Global site tag (gtag.js) - Google Analytics