<div id="jsContainer">
这里会给出一段随机文本,可能包含一些链接,比如https://www.baidu.com,或者 www.baidu.com?from=onlineExam,如果出现链接文本,请给该链接文本加上链接标签,用户点击后能直接在新窗口中打开该链接。
</div>
<script type="text/javascript">
// 填写JavaScript
function link() {
let str = document.querySelector('#jsContainer')
let reg = /(http(s)?:\/\/|www\.)[\w\.\?\=\&#%]+/g
str.innerHTML = str.innerHTML.replace(reg,function($1){
console.log($1)
return `<a href="${/^www/.test($1)? 'https://'+$1 : $1}" target="_blank">${$1}</a> `
})
}
link()
1、首先获取文本中的节点内容
2、把需要的连接进行正则匹配
3、通过摸板式样替换原有的字符串连接,增加一个a标签