JavaScript 添加热词链接

来源:未知 责任编辑:智问网络 发表时间:2013-11-04 19:51 点击:

<!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>添加超链接</title> 
</head> 
<body> 
    <div id="divContent"> 
        <p> 
            1、男人是哲学,女人是诗。没有诗的哲学是枯燥的,没有哲学的诗是肤浅的。哲学理性而诗感性,男人要想读懂诗,要先弄明白自己的哲学,女人想要理解哲学,就要先明白自己这首诗,深度的哲学只有配上适当韵味的诗才能共鸣,于是最好的不一定适合你,适合你的才是最好的。</p> 
    </div> 
    <br /> 
    <div id="divtest"> 
        <p> 
            2、飞雪连天射白鹿,笑书神侠倚碧鸳!</p> 
    </div> 
    <input type="button" onclick="javascript:test(event);" value="加链接" /> 
    <script> 
        function test(e) {//其他浏览器  
            if (e.target) { 
                var a = window.getSelection().getRangeAt(0); 
                var b = a.toString(); 
                var z = document.createElement("span"); 
                b = b.link("http://www.cecb2b.com/nic/" + a + ".html"); 
                z.innerHTML = b; 
                a.deleteContents(); 
                a.insertNode(z); 
            } 
            else { //ie浏览器  
                var text = document.getElementById("divContent").innerHTML; 
                var t = document.selection.createRange(); 
                t.pasteHTML("<a href='http://www.cecb2b.com/nic/" + t.text + ".html'>" + t.text + "</a>"); 
            } 
        } 
    </script> 
</body> 
</html> 
 

摘自 Lee.的专栏
 

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1