继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript过滤本地址与简单正则的使用

大吉大利今晚学习
关注TA
已关注
手记 265
粉丝 36
获赞 142

         

<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<title>Document</title>	<script src="./jquery-3.2.1.min.js"></script></head><body>	<ul id="host"><li><a href="#">F:\server\appsrv01-192.168.99.10.html</a></li><li><a href="#">F:\server\appsrv02-192.168.99.11.html</a></li><li><a href="#">F:\server\appsrv03-192.168.99.12.html</a></li><li><a href="#">F:\server\appsrv04-192.168.99.13.html</a></li><li><a href="#">F:\server\appsrv05-192.168.99.14.html</a></li><li><a href="#">F:\server\appsrv06-192.168.99.15.html</a></li>	</ul>	<div id="result">			</div>	<script>		$(function () {			var obj=$("li").text(); 			// #获取当前页面中指定区域内容			var mes=obj.replace(/F:/g,'').replace(/server/g,'').replace(/tml/g,'').replace(/[\\]/g,'').split('.h'); 			// #使用js原生替换,将无用内容替换为空,并切割为数组形式			for (var i = 0; i < mes.length-1; i++) {				item=mes[i].split('-');				// #将原内容再次使用-切割				$("#result").append("<p><span>"+item[0]+"</span>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span><a href=http://"+item[1]+">"+item[1]+"</a></span></p>") 				// #最后是将内容追加到指定区域内部			}		})	</script></body></html>
<script>console.log(obj.replace(/[\\]/g,''))// [\\]这js脚本中可以理解为将一个\,这样就可以替换\为任何内容</script>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP