JavaScript输入链接字符串自动跳转源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript输入链接字符串自动跳转源码下载

如果在div中设置一段字符串的时候，可能里面存在的链接地址，但是这些默认状态下都会当做普通的字符串被处理，也就是说不能够点击跳转效果，但是有时候为了方便，或者其他原因，往往需要让这个链接字符串能够实现点击跳转，下面就是一段能够实现此功能，下面通过一段代码实例进行一下分享，代码如下:

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

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

代码描述：JavaScript输入链接字符串自动跳转。JavaScript输入链接字符串自动跳转源码下载

下载全部收藏

135 180

用户评论

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