Js中注意事项

最新推荐文章于 2021-07-21 14:44:07 发布

原创最新推荐文章于 2021-07-21 14:44:07 发布 · 383 阅读

0 ·

CC 4.0 BY-SA版权

注意事项

1 垂直居中.设置height=line-height;

2 水平居中.设置text-align:center.

3 CSS中每条属性都以;结尾,最后一条随便.

4 js里面的语句以;结尾,但可加可不加,为了规范,还是加上最好.

5 注意js的放置顺序.如果放在body前面,需要加上window.onload方法.等页面加载完再执行.

6 document.getElementById注意,这个Element是没有s的,因为id是唯一的.

7 documen.getElementsByClassName注意,获取的是一个对象集合,即使只有一个对象,也要以[]形式取出来.

8 window没有s.

9 注意this是动态变化的,属于上下文中的对象.例如:

k[0].onmouseout=function(){
  var This=this;
	var timer=setInterval(function(){
		 This.style.left=This.offsetLeft-12+'px';/*这句话如果放在后面会被多执行一次*/
	    if(This.offsetLeft<=-100){This.style.left='-100px';clearInterval(timer); };
 	},30)
	}

由于是k[0]触发的事件,所以This获取的是k[0]对象.如果这样

k[0].onmouseout=function(){
  
	var timer=setInterval(function(){
		 this.style.left=this.offsetLeft-12+'px';/*这句话如果放在后面会被多执行一次*/
	    if(this.offsetLeft<=-100){this.style.left='-100px';clearInterval(timer); };
 	},30)
	}

因为setInterval是window对象的方法,所以这里this指的是窗口.
10 注意在CSS一开始就要清楚所有的默认样式即

*{margin: 0;padding: 0;font-size: 14px;}/*提前去除默认样式*/

11 根据事件冒泡原理,即使子元素绝对定位在父元素之外,但在逻辑上点击子元素,依然会触发父元素.