Js Window

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

• document.documentElement.clientHeight
• document.documentElement.clientWidth

或者

• document.body.clientHeight
• document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

Window Location Href

location.href 属性返回当前页面的 URL。

 

DEMO

点击a标签跳转后，点击过的a标签添加Class

<div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 515px; height: 24px;">
<ul class="clearfix">

<li class="cur"><a href="http://publicservice.kankanews.com/?/home/index/page-1__cid-0">全部</a></li>


<li><a href="http://publicservice.kankanews.com/?/home/index/page-1__cid-1">寻医问症</a></li>


<li><a href="http://publicservice.kankanews.com/?/home/index/page-1__cid-3">养生心得</a></li>


<li><a href="http://publicservice.kankanews.com/?/home/index/page-1__cid-5">食品安全</a></li>

</ul>
</div>

　　

<script type="text/javascript">
	var lf = window.location.href;
	$('.subnav li').eq(0).addClass('cur');
	$('.subnav li').each(function(i){
		var aaa = $(this).find('a').attr('href')
		if(aaa==lf){
			$('.subnav li').removeClass('cur');
			$(this).addClass('cur');
		}
	});
</script>