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>