js实现文本url网址转换为点击链接代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > js实现文本url网址转换为点击链接代码实例

在很多网站中，当我们输入一段文本的时候，如果里面带有链接地址，地址会被转换为可以点击的链接，这其实不是浏览器的恩赐，而是需要我们程序员自己去实现，本站也具有这样的功能，并且可以根据会员的等级进行限制，当然这不是本章节的重点，下面就通过实例代码介绍一下如何实现将网址转换为可以点击的链接的功能。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
String.prototype.httpHtml=function(){ 
  var reg = /(http:\\/\\/|https:\\/\\/)((\\w|=|\\?|\\.|\\/|&|-)+)/g; 
  return this.replace(reg, '<a target=_blank href="$1$2">$1$2</a>'); 
}; 
var str="欢迎来到51前端，网址是:https://www.51qianduan.com";
window.onload=function(){
  var odiv=document.getElementById("thediv");
  odiv.innerHTML=str.httpHtml();
}
</script>
</head>
<body>
<div id="thediv"></div>
</body>
</html>

代码描述：js实现文本url网址转换为点击链接。js实现文本url网址转换为点击链接代码实例

下载全部收藏

210 280

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册