JavaScript学习笔记

1、sort()函数使用的是冒泡排序,冒泡排序会重复地走访要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来,一直重复进行直到说该数列已经排序完成。
  如果a-b>0(即正数)就把a和b的位置交换,也就是较小的一个数会排到前面
  如果b-a>0就把a和b的位置交换,也就是较大的一个数会排到前面。
  function sortNum(a,b) {
    return b-a; //降序排列
  }
  var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr.sort(sortNum));

 

2、var u_agent = navigator.userAgent;

  IE6-7 : u_agent.indexOf("MSIE")>-1
  IE8-10 : u_agent.indexOf("MSIE")>-1 && u_agent.indexOf("Trident")>-1

 

3、节点的childNodes属性返回一个NodeList对象,基于DOM结构动态执行查询的结果,

  并不是Array实例,Array.prototype.slice()转换为数组,IE8及之前将NodeList转换数组要手动枚举所有成员。

 

4、getElementsByTagName()返回一个HTMLCollection对象,与NodeList对象相似,有nameItem()属性,可以通过元素的name特性取得集合中的项。

 

5、nodeName 属性:1. 元素节点的 nodeName 与标签名相同
          2. 属性节点的 nodeName 是属性的名称
          3. 文本节点的 nodeName 永远是 #text
          4. 文档节点的 nodeName 永远是 #document

  nodeValue 属性:1. 元素节点的 nodeValue 是  null
          2. 文本节点的 nodeValue 是文本自身
          3. 属性节点的 nodeValue 是属性的值

  nodeType 属性: 元素 1   ;属性 2   ;文本 3  ;注释 8  ;文档 9

 

6、使用for循环清除节点时例如:如下代码会导致每次点击都只能清除部分节点。这是因为每次清除节点时childNodes的长度(即tt.length)都缩短1,而每次 i 增大1,这样会导  致 i 的值还没有达到最初的tt.length时循环会比提前结束;  解决办法i不自增 或者 while(content.firstChild){content.removeChild(content.firstChild);}

  var tt=content.childNodes;
  for(i=0;i<tt.length;i++);{
    content.removeChild(tt[i]);
  }

 

7、获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

  一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

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

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

  或者Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

  二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

  在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth || document.body.clientWidth;

    var h= document.documentElement.clientHeight || document.body.clientHeight;

 

8、网页尺寸scrollHeight

  一、针对IE、Opera:

    scrollHeight 是网页内容实际高度,可以小于 clientHeight。

  二、针对NS、FF:

    scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。

  在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.scrollWidth || document.body.scrollWidth;

    var h= document.documentElement.scrollWidth || document.body.scrollWidtht;

  三、其它用法:

    scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

 

9、网页尺寸offsetHeight

  offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

  offsetHeight = clientHeight + 滚动条 + 边框。

 

10、网页卷去的距离与偏移量

      

  scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。

  scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。

  offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

  offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

   offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。

 

posted @ 2017-03-18 00:33  陈泽创  阅读(198)  评论(0编辑  收藏  举报