总的来说，Mozilla Selection对象就是个打酱油的命，仅有的闪光点能够直接将用户选择任何内容变成完全Range对象以及一些额外的方法或是属性可以向后兼容Netscape 4。但是不幸的是除了IE浏览器外的其他浏览器都支持此Selection对象。
四、获得用户选择内容婆婆妈妈的解释就免了，直接看相关代码：
复制代码 代码如下:
var userSelection;
if (window.getSelection) { //现代浏览器
userSelection = window.getSelection();
} else if (document.selection) { //IE浏览器 考虑到Opera，应该放在后面
userSelection = document.selection.createRange();
}
由于兼容性的问题，IE浏览器吃IE的包子，其他浏览器吃Mozilla的馒头。
在Mozilla、Safari、Opera下上面的userSelection是个Selection对象，而在IE下则是Text Range对象。这种差异会影响到你后面的脚本：Internet Explorer的Text Ranges完全不同于Mozilla的Selection或是W3C的Range对象，你需要分别为IE和其他浏览器写两套不同的脚本。
需要注意脚本书写的顺序：Mozilla Selection需放在前面。原因在于Opera支持两种对象，如果你使用window.getSelection()去读取用户选择的内容，Opera会创建一个Selection对象；而使用document.selection则会创建一个Text Range对象。
因为Opera支持Mozilla Selection和W3C Range非常好，但是其对Microsoft Text Range的支持却差强人意。所以显然优先考虑标准浏览器，即使用window.getSelection()。
五、userSelection的内容
userSelection变量现在的内容要么是Mozilla Selection要么就是Microsoft Text Range对象。因此它允许访问定义在对象上的全部方法和属性。
Mozilla Selection对象包含用户选择的文本内容，如下操作：
alert(userSelection)
虽然格式并不是字符串，但是在现代浏览器下还是会弹出类似下面的内容：
泄漏事故等级与苏联切尔诺贝利核电站核泄漏事故等级相同。负责调查切尔诺贝
为了从Microsoft Text Range 对象上获得同样的信息，你需要使用userSelection.text。为了读取旋转的文字，可以使用类似下面代码：
复制代码 代码如下:
var selectedText = userSelection;
if (userSelection.text) {
selectedText = userSelection.text;
}
现在selectedText就包含了用户所选中的文字了。
您可以狠狠地点击这里：获取用户所选文字demo
例如在IE7浏览器下，选中一段文字再点击demo页面上的测试按钮，就会有类似下面的弹出内容：
六、从Selection对象创建Range对象
在IE浏览器下，userSelection是Text Range，在现代浏览器下，userSelection仍然是Selection对象，要想同样创建和Selection对象内容一样的Range对象可以使用类似下面代码：
复制代码 代码如下:
var getRangeObject = function(selectionObject) {
if (selectionObject.getRangeAt)
return selectionObject.getRangeAt(0);
else { // 较老版本Safari!
var range = document.createRange();
range.setStart(selectionObject.anchorNode,selectionObject.anchorOffset);
range.setEnd(selectionObject.focusNode,selectionObject.focusOffset);
return range;
}
}
var rangeObject = getRangeObject(userSelection);
理想情况下，我们通过Selection对象的getRangeAt()方法就可以得到W3C Range对象。此方法可以返回给定索引值的range对象。通常情况下，在JavaScript中第一个Range的索引值是0。
使用程序创建Range
Safari 1.3不支持getRangeAt()，因此我们要想兼顾此浏览器，需要使用其他的方法创建新的Range对象。显然，显示创建一个对象：
var range = document.createRange();
上面的一行代码创建了一个空的Range，为了插入内容，我们需要通过setStart()和setEnd()方法定义起止点。
这两个方法需要两个参数：
1. Range起止的DOM节点
2. Range起止的文本偏移。该偏移指选中文字第一个字符和最后一个字符在文本节点中的位置。
setStart()的两个参数属性为startContainer和startOffset；setEnd()两个参数属性为endContainer和endOffset。
以下面这个例子举例：
<p>男人，即使到了50岁，也千万不要碰超过26岁还没有结婚的女人。她可以是离婚，丧偶等等的，但是绝对不能是没有结婚。超过了26岁没有结婚，这种女人一般心理变态，不然就是有严重问题。市场很少犯错。即使它犯了错，那被你捡到宝的概率也很小。</p>
<p>婚姻市场未来的变化将会是很有趣的问题，而且对未来大陆经济的走势也有举足轻重的影响，对于行业的分布，经济的整体效率有决定性的影响。</p>
<ol>
<li>为什么是26这个准确的数字？</li>
<li>找骂帖</li>
<li>言论是对的，在100年前，lz穿越了而已。</li>
</ol>此处Range开始于第二个<p>节点，结束与第一个<li>节点。（通常文本节点的第一个字符的索引是0。）
由于<p>节点处的文字偏移值是8, <li>节点处的偏移是5，因而有：
复制代码 代码如下: