H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转

实现如图效果，有时候第三方接口返回的数据是没有加a标签的，所有我们如果想要让它点击，需要自己进行修改。

//链接可点击// _that.card.details 就是包含链接的一段文字var stssse;
if(_that.card.details){var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;let arr = _that.card.details.match(reg)for (var i = 0; i < arr.length; i++) {if(i==0){stssse=_that.card.details.slice(0,_that.card.details.indexOf(arr[0]))}else{stssse+=_that.card.details.slice(_that.card.details.indexOf(arr[i-1])+arr[i-1].length,_that.card.details.indexOf(arr[i]))}stssse+=' <a href="' + arr[i] + '">'+arr[i]+"</a> "}_that.card.details = stssse
}

此篇文章只供自己参考我只是代码的搬运工

H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转相关推荐

微信小程序云开发获取上传图片后https的url链接地址
话不多说,直接上代码: // 点击上传图片触发函数 changeBigImg(){let that = this;wx.chooseImage({count: 1,sizeType: ['origi ...
新浪自定义html链接地址,自定义新浪微博分享按钮样式
新浪开放平台虽然有分享按钮的组件(http://open.weibo.com/sharebutton)并且提供了两种格式的应用方法:WBML和JS,但还是无法据自己的需求做到自定义样式. 为了解决该问 ...
java上传图片到阿里云oss云存储中,返回url链接地址
https://blog.csdn.net/baidu_38990811/article/details/78413470
java将一个url链接或者文字生成二维码并且转成base64
我们在开发的时候,肯定有这样的需求.把一个url链接转成二维码图片.提供给用户扫描,然后跳转到相应的页面. 三个问题(前提:没有用统一的图片服务器如:fastdfs.) (1):把url链接转成图片保 ...
微信公众号一次二次转发链接地址是IP和图片不显示，转换成文字和图片分享到朋友圈问题
1.首先微信转发要实现微信转发的js-sdk接口 (1)登录微信公众号把绑定域名: 在微信授权接口里面找JS接口安全域名,这里的域名是公网的域名不带http://的前缀,比如你要绑定的域名是: ...
长URL链接转短链接算法
引言很多大型网站都加入了短链接的功能.之所以要是使用短链接,主要是因为微博只允许发140 字,如果链接地址太长的话,那么发送的字数将大大减少.短链接的主要职责就是把原始链接很长的地址压缩成只有6 个 ...
ios 按钮文字下划线_iOS实现一段文字中部分有下划线，并且可以点击
项目中有一个需求就是实现一段文字中有几个特殊的字符可以有下划线,并且可以进行点击. 首先可以实现下划线效果,首先想到的是UILabel和UITextView控件的 NSMutableAttribute ...
JavaScript实现http地址自动检测并添加URL链接
一.天生我材必有用给http字符自动添加URL链接是比较常见的一项功能.举两个我最近常用到的自动检测http://地址并添加链接的例子吧,首先是QQ邮箱,在使用QQ邮箱时,如果输入了URL地址(ht ...
Android之webview长按超链接类型获取链接文字及url、长按图片链接类型分别获取图片和链接的url
1 .需求 webview长按超链接获取链接文字及url webview长按图片链接类型获分别获取图片和链接的url 2.解决办法 1).设置webview的OnLongClickListener事件 ...

H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转

H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转

H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转相关推荐

最新文章

热门文章