导航:首页 > 编程语言 > 链接js跳转

链接js跳转

发布时间:2023-09-20 21:22:27

js识别字符串中的链接并使之可跳转

最近项目遇到一个功能,对话框中的内容可能会包含链接,需要识别并可直接点击,对方的对话框内容是后台返回的数据。
第一次脑中的想法是找到内容中的链接摘出来...,有点想偏了,因为看到返回的内容中的链接是有<a>标签,所以只需要利用框架中可以直接识别html标签的服务或指令就可以。vue项目中直接使用v-html就可以解析

在angular项目中没有类似v-html的指令,需要借助$sce服务的trustAsHtml(),

sce服务:因为如果在angularjs中绑定的数据有html标签时,如上面的<h1>,会被angularjs认为是不安全的而自动过滤掉,为了保留这些标签就需要开启非安全模式,这是非常危险的。sce是angularJS自带的安全处理模块,因此需要$sce.trustAsHtml()方法将数据内容以html的形式解析并返回。

ng-bind-html指令是通过一个安全的方式将内容绑定到HTML元素上,该属性依赖于$sanitize,需要在项目中引入angular-sanitize.js文件,并在mole定义时注入该服务ngSanitize。

如果后台返回的数据的链接不是a标签,只是普通的 www.cnblogs.com 这种的字符串,我们的处理方式,需要利用正则先对它处理,给他加上a标签。

end!

阅读全文

与链接js跳转相关的资料

热点内容
注销微信支付实名 浏览:158
怎样把eps文件转化为ps源文件呢 浏览:767
宜家视频什么网站出来的 浏览:901
电脑微信保持东西不在文件夹 浏览:616
华为nova8pro怎么切换数据 浏览:658
qq怎么传文件到电脑Excel 浏览:927
z3735fwin改安卓 浏览:877
如何将筛选后的数据加填充颜色 浏览:100
wordpress去除分类目录归档 浏览:506
钱赚赚APP是如何实施诈骗的 浏览:383
广数如何编程循环钻孔 浏览:946
win10电脑怎么清理电脑缓存文件管理 浏览:993
java判断session是否失效 浏览:340
免费看电影软件有哪些app 浏览:74
pad升级不能用迅雷 浏览:453
js网页http请求 浏览:582
数据线插不稳手机充电口什么原因 浏览:45
数据分类处理方法有哪些 浏览:74
单片机烧写程序不成功 浏览:532
ubuntu文件夹改成英文 浏览:704

友情链接