document.selection.createRange() （转）

最新推荐文章于 2020-07-06 16:38:45 发布

weixin_30859423

最新推荐文章于 2020-07-06 16:38:45 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/hahaha22/archive/2009/02/02/1382344.html

本文介绍了一个简单的HTML页面示例，该示例展示了如何使用document.selection.createRange()方法结合execCommand来实现文字加粗功能。这种方法在HTML编辑器中非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。

配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

举例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>document.selection 的 createRange</title>
</head>
<body>

<div>请选中这里的部分文字。</div>
<div><input type="button" value="加粗" onclick="javascript:Bold();" /></div>
<script type="text/javascript" language="javascript">

</script>

</body>
</html>

转载于:https://www.cnblogs.com/hahaha22/archive/2009/02/02/1382344.html