如果在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输入链接字符串自动跳转源码下载



5 7



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js字符串 javascript字符串 js跳转 javascript跳转 js链接地址url jsURL javascriptURL js地址 javascript地址 js链接 javascript链接

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到