JavaScript是一种广泛应用于网页开发的脚本语言，它允许在客户端执行动态交互，为用户提供更加丰富的体验。在网页中，用户可能会选择一段文本，比如要复制、搜索或分享。在这种情况下，能够获取用户选中的文本内容就显得尤为重要。本文将详细介绍如何在JavaScript中获取选中文本内容。
我们需要了解不同浏览器之间的差异。对于现代浏览器，如Firefox、Google Chrome、Safari和Opera，它们都支持W3C标准的`window.getSelection()`方法。这个方法返回一个Selection对象，包含了用户当前选中的文本信息。通过调用`toString()`方法，我们可以得到选中文本的字符串形式。
以下是一个使用`window.getSelection()`的例子：
```javascript
function getSelectionTextModernBrowsers() {
if (window.getSelection) {
return window.getSelection().toString();
}
return '';
}
```
在Internet Explorer（IE）浏览器中，情况略有不同。IE使用的是其特有的`document.selection`对象，通过`createRange()`方法可以创建一个Range对象，然后调用`text`属性来获取选中文本。以下是在IE下获取选中文本的代码：
```javascript
function getSelectionTextIE() {
if (document.selection && document.selection.createRange) {
return document.selection.createRange().text;
}
return '';
}
```
由于浏览器兼容性的问题，我们通常会将两种方法结合起来，以确保在所有浏览器中都能正常工作。这可以通过条件语句实现，如下所示：
```javascript
function getSelectionText() {
if (window.getSelection) {
return window.getSelection().toString();
} else if (document.selection && document.selection.createRange) {
return document.selection.createRange().text;
}
return '';
}
```
这个`getSelectionText()`函数会在现代浏览器中使用`window.getSelection()`，而在旧版本的IE中使用`document.selection.createRange()`。如果两种方法都无法执行，它将返回空字符串。
在实际应用中，你可以将这个函数与事件处理程序结合，比如点击按钮或者链接时，弹出新窗口并将选中的文本内容填充到文本框。例如：
```javascript
document.getElementById('myLink').addEventListener('click', function(e) {
e.preventDefault(); // 阻止默认的链接行为
var selectedText = getSelectionText();
// 假设openWindow是打开新窗口的函数
openWindow('popup.html', 'selectedText=' + encodeURIComponent(selectedText));
});
```
在上面的例子中，当用户点击id为'myLink'的链接时，会触发一个事件处理程序，阻止默认的跳转行为，获取选中的文本，并调用`openWindow`函数打开新窗口，传递选中的文本内容。注意，这里对选中文本进行了URL编码，因为它是作为查询参数传递的。
通过结合使用`window.getSelection()`和`document.selection.createRange().text`，我们可以编写出一个跨浏览器的JavaScript函数，获取用户在网页上选中的文本内容。这对于实现类似“百度搜藏”和“QQ书签”的功能非常有用，可以让用户方便地保存和分享所选文本。
