您的位置：首页 > Web前端 > JavaScript

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

2012-01-10 09:04 337 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航