2020年6月29日

js获取地址栏信息 以及js实现导航当前页选中


js获取地址栏信息 以及js实现导航当前页选中


//js获取地址栏信息大全
var url = window.location.href; //获取当前窗口的Url; 结果:http://localhost:61768/Home/Index?id=2&age=18
var host = window.location.host;//获取当前窗口的主机名; 结果:localhost:61768
var port = window.location.port; //获取当前窗口的端口; 结果:61768
var pathname = window.location.pathname;//获取当前窗口的路径 ; 结果:/Home/Index
var URL = document.URL;//获取当前文档的Url;结果:http://localhost:61768/Home/Index?id=2&age=18
var search = window.location.search;//获取参数;结果:?id=2&age=18

console.log(pathname);

$('.pc-naver li').each(function(){
var link = $(this).find('a').attr('href');
if(link==pathname){
$(this).addClass('active').siblings().removeClass('active');
}
})

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732