JS 实现文章资讯添加热词链接的一种方式

来源：互联网发布：淘宝网直通车编辑：程序博客网时间：2024/05/22 05:25
<!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>