开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >django 前端 js让一段文本中包含的网址可以被访问

django 前端 js让一段文本中包含的网址可以被访问

玩蛇的胖纸

发布于 2018-06-08 13:01:14

1.6K0

发布于 2018-06-08 13:01:14

举报

文章被收录于专栏：雪胖纸的玩蛇日常雪胖纸的玩蛇日常

这个功能还是挺刚需的，下面说说实现过程，用到了正则表达式。

1.原本的html部分代码：

<h4 id="softadd">链接: https://pan.baidu.com/s/11RyCwPnfXnuaZrOIDg8H0Q 密码: 6666</h4>

效果图：

2.加上js代码以后的部分代码：

        <h4 id="softadd">链接: https://pan.baidu.com/s/11RyCwPnfXnuaZrOIDg8H0Q 密码: 6666</h4>
    </div>
</div>


<script>
    if($("#softadd").length){
        var textR=$("#softadd").html();
        var reg= /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
        textR = textR.replace(reg, "<a href='$1$2'>$1$2</a>");
        document.getElementById('softadd').innerHTML = textR;
    }
</script>

效果图：

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018-04-27 ，如有侵权请联系 cloudcommunity@tencent.com 删除

正则表达式

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

正则表达式

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

这个功能还是挺刚需的，下面说说实现过程，用到了正则表达式。
- 1.原本的html部分代码：
- 效果图：
- 2.加上js代码以后的部分代码：
- 效果图：