码迷,mamicode.com
首页 > 其他好文 > 详细

易错总结

时间:2017-12-28 13:59:50      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:overflow   签名   box   宽高   滚动条   document   log   布局   标准   

1.getElementsByClassName("one")[0];

document.getElementsByTagName("")[0];

ClassName是个伪数组,想选中时一定要有下标


2.变量名一定要注意,不能是保留字,列如top,编辑器不会报错,

3.中文标点 , 空格等问题,可以把输入法的标点都改成英文版

4.找元素时一定要对应
      document.getElementsByTagName(""); 标签名

      document.getElementById(""); id

      document.getElementsByClassName("");   类名

 

5.如果克隆的节点带了id,我们需要给id重新设置一个值,不让id冲突

6.  字符串没办法直接换行(拼接)(es6中可以用``)

7.appendChild()如果添加的是页面中本来就存在的元素,是一个剪切的效果,如果在for循环里注意用到"i--"

8.createElement();

    //功能:在内存中创建一个节点 创建的节点没有任何的内容,空标签
    //参数:标签名(字符串)
    //返回值:创建出来的标签
    var btn = document.createElement("button");//(button是一个标签)
    btn.innerHTML = "我是一个按钮";//(添加内容用innerHTML,不用value)
    box.appendChild(btn);
9.indexOf()的用法
    array.indexOf(search, [fromIndex]);//数组在前面,要找的在后面
    str.indexOf("bca")
10.定位和浮动是在原来的地方脱离标准流的,(不设top和left时默认位置时原来的的地方)
11.keypress输出的keycode是ascii码
  想要获取按下的是哪个键,只能keydown  keyup 
   var input = document.querySelector("input");
    input.onkeypress = function (e) {
      //keypress输出的keycode是ascii码
   //    console.log(e.keyCode);
    }
    //想要获取按下的是哪个键,只能keydown  keyup  (如果想要获取文本框的值,)
    input.onkeydown = function (e) {
      console.log(e.keyCode);
    }
12.a标签 a标签里不能包裹a标签
 
13.img标签
  img{
  display:block;
  }
  可以解决3像素问题
14.流式布局时,左右或左或右固定宽高的时用浮动,不固定的模块可以给overflow:hidden;触发bfc,(注意在html中浮动放最下面,会换行)
15.移动端时,a.一定要加meta:vp(不然HTML宽度会是固定一千多px);b.html,body{height:100%}不然会出滚动条.

易错总结

标签:overflow   签名   box   宽高   滚动条   document   log   布局   标准   

原文地址:https://www.cnblogs.com/pavilion-y/p/8134813.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!