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=" 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>
原文地址:https://www.cnblogs.com/wallaceyuan/p/4055985.html