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

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

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>

效果图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

AppleWatch开发入门三——代码交互与控制器生命周期

        在前两篇博客中,讨论了关于watch开发中框架与界面布局相关,然而主要的逻辑,终究还是要通过代码来实现的,在我们创建了项目之后,就会生成Inte...

9030
来自专栏IT民工生存指南

从0开始Vue.js 和 Webpack 4 [1]

19750
来自专栏编程坑太多

eclipse 集成阿里的p3c插件

36230
来自专栏DT乱“码”

微信小程序开发指引

官方文档教程1:http://bcoder.cn/wxopen/ 官方文档教程2:http://bing.aliaii.com/wxopen/  本文档将带你一...

574100
来自专栏用户画像

jQuery 实现 bootstrap 模态框 删除确认

点击删除按钮,通过jquery将删除操作的URL赋值到页面URL元素,并弹出会话框

20520

在Ubuntu 18.04上安装WordPress

WordPress是一个非常流行的专注于博客的动态内容管理系统(CMS)。WordPress可以部署在LAMP或LEMP堆栈上。它具有的可扩展插件框架和主题系统...

1K10
来自专栏技术博客

VS2010Web默认的浏览器设置和VS里调试JavaScript代码的设置

   重装系统后,VS调用的Web浏览器不是IE了,VS调式不了JavaScript代码了。这两天一直在试终于搞定了。这里查找的问题当然主要是VS里面调式Jav...

21040
来自专栏Debian社区

Debian 9.2 发布,大量问题修复

Debian 9.2 发布了。此次发布情况特殊,使用”apt-get“工具执行升级的用户将需要确保使用”dist-upgrade“命令,以便更新到最新的内核软件...

9310
来自专栏py+selenium

py+selenium IE 定位到元素,但点击不了元素的问题【已解决】

 参考:https://www.cnblogs.com/gihyuqinqin/p/8067685.html

60420
来自专栏移动端开发

告诉你 iOS9.0 之后的Bitcode到底是什么!!

 用Xcode 7 beta 3在真机(iOS 8.3)上运行一下工程,结果发现工程编译不过。看了下问题,报的是以下错误: ld: ‘/Users/**/Fr...

42480

扫码关注云+社区

领取腾讯云代金券