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');
}
})

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的前十年》
重要通知
因切图网名称无法覆盖现有业务(前端开发、建站、小程序、新媒体、AI等),现已启用新的名称【跨屏互联】 www.Kuaping.com,感谢您的支持!