JavaScript实现http地址自动检测并添加URL链接

这是百度2018年校园招聘前端开发的一道编程题
题目大致为将文本中的http或是www开头的地址替换为URL链接:
代码如下:

<div id="jsContainer">
这里会给出一段随机文本,可能包含一些链接,比如https://www.baidu.com,或者 www.baidu.com?from=onlineExam,如果出现链接文本,请给该链接文本加上链接标签,用户点击后能直接在新窗口中打开该链接。
</div>
var container = document.getElementById("jsContainer");
var text = container.innerText;
var reg = /(http:\/\/|https:\/\/)*((\w|=|\?|\.|\/|&|-)+)/g;
var result=text.replace(reg,'<a target="_blank" href="$1$2">$1$2</a>')
container.innerHTML=result
var links=document.getElementsByTagName("a")
for(var i=0;i<links.length;i++){
    var href=links[i].getAttribute("href")
    if(!/^http/.test(href)){
        links[i].setAttribute("href","http://"+href)
    }
}

参考:
张鑫旭---JavaScript实现http地址自动检测并添加URL链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 4,495评论 0 44
  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 3,610评论 0 15
  • 文丨清枫 夜晚,当你独自走在繁华的都市,看着往来的车辆,路边的灯光霓虹,不由得感叹自己的渺小,心中的事情就显得小了...
    郭清枫阅读 503评论 9 12
  • 今天办公室来了一位办离职的姐姐,一进门就气呼呼的各种埋怨,整的我不知所措,一直再劝她不生气,因为生气解决不...
    毛豆妈小玥阅读 161评论 0 0

友情链接更多精彩内容