selection.createRange() 用法例子

selection.createRange() 用法例子
<Script Language="JavaScript">
function addLink(){
var oRange = document.selection.createRange();
if(oRange.text!=’’){
var oUrl = window.prompt(’链接网址...’，’http://www.163.com/’);
var oHtml = ’<a href=’+oUrl+’ target=_blank>’+oRange.text+’</a>’;
oRange.pasteHTML(oHtml);
}else{
window.alert(’您没有选择加链接的文字！’);
}
}
</Script>
网易 新浪 搜狐<br><br>
<input type="button" value="添加链接" onclick="addLink();">

<Script Language="JavaScript" defer>
function addLink(){
var oRange = self[’oIframe’].document.selection.createRange();
if(oRange.htmlText!=’’){
var oUrl = window.prompt(’链接网址...’，’http://www.51js.com/’);
var oHtml = ’<a href=’+oUrl+’ target=_blank>’+oRange.htmlText+’</a>’;
oRange.pasteHTML(oHtml);
}else{
window.alert(’您没有选择加链接的文字或图片！’);
}
}
function editLink(){
self[’oIframe’].document.designMode = ’on’;
}
function seeLink(){
self[’oIframe’].document.designMode = ’off’;
}
self[’oIframe’].document.designMode = ’on’;
</Script>
<table>
<tr>
<td>
<iframe id="oIframe" src="about:无忧脚本 网易 新浪 <img src=’http://www.51js.com/images/avatars/14.gif’>"></iframe>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="编辑模式" onclick="editLink();">
<input type="button" value="预览模式" onclick="seeLink();">
<input type="button" value="添加链接" onclick="addLink();">
</td>
</tr>
</table>

请选择把替换的文字，或者点击要插入的位置
<SCRIPT LANGUAGE="JavaScript">
//代码作者：宝玉
<!--
document.onclick =function(){
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML("<font color=red>插入的文字</font>");
}
}

//-->
</SCRIPT>