文章探索:   分类:    关键字:  
  + 栏目导航
  + 相关文章
document 对象
Window.Open详解
JS replace 方法
JScript 属性
JScript 对象
JScript 方法
关于window.opener的用法
JavaScript语法——style.display 属..
不被拦截的弹出窗口代码
showModalDialog和showModelessDialog..
showModelessDialog()使用详解
IE中非模式对话框(showModelessDialog..
JS eval()函数
Preferences 指南
JS中的setTimeout和setInterval的区别
JavaScript对象与数组参考大全
javascript动态增加、删除、填充表格..
用Java实现几种常见的排序算法
JavaScript 日期函数
JavaScript 使用字符串函数
如何用Javascript获得TextArea中的光..
Document 对象方法
在input中只能输入数字
selection.createRange() 用法例子
获取网页各种宽高的值
JavaScript方法 - indexOf方法
substring函数详解
40种网页常用小技巧(javascript)
event.X和event.clientX有什么区别
clientX, clientY,offsetX, offsetY,..


技术教程 -> JavaScript教程 ->  
selection.createRange() 用法例子
来源:转载   人气:1698   录入时间:2007-11-8
    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>
   
   




Copyright(C)2007-2021 广州市佳沛数码科技有限公司 版权所有
公司地址: 广州市荔湾区东漖北路560号511室
电话:020-81803473 传真:020-81544987