代码描述:JavaScript输入链接 字符串自动跳转。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>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能