selection.createRange() 用法例子

來源:互聯網
上載者:User
  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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.