放在select标签里面 才能调用message函数

网页卷去的距离与偏移量

我们先来看看下面的图：

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

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

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

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

网页尺寸offsetHeight

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

一、值

offsetHeight = clientHeight + 滚动条 + 边框。

二、浏览器兼容性

var w= document.documentElement.offsetWidth     || document.body.offsetWidth; var h= document.documentElement.offsetHeight     || document.body.offsetHeight;

网页尺寸scrollHeight

scrollHeight和scrollWidth，获取网页内容高度和宽度。

一、针对IE、Opera:

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

二、针对NS、FF:

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

三、浏览器兼容性

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

注意:区分大小写

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

一、语法：

node.firstChild

说明：与elementNode.childNodes[0]是同样的效果。 

二、语法：

node.lastChild

说明：elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

x.nodeType!=1

为了保证进入循环的不是一个元素，当x为元素之外的类型时需要进入循环（查找下一个元素或上一个元素）

x

确认这个x是存在的

x&&x.nodeType！=1

x存在且x的类型不是元素时进入循环，查找下一个元素

当x不存在（null）时（x为第一个元素或最后一个元素，无法向上或向下寻找），或x的类型为元素时，不进入循环

语法:

elementNode.childNodes

var x =

说明: [0]是指第1个div标签

注意：

如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。

Date对象中处理时间和日期的常用方法

toUpperCase()将文本转换成大写

myarr.concat():连接数组

myarr.join() :用符号分隔

Math.round()\

四舍五入

Math.ceil(x)向上取整数

它返回的是大于或等于x，并且与x最接近的整数。

<script type="text/javacsript">

 var infos = [ 

            ['小A','女',21,'大一'],

['小B','男',23,'大三'],

['小C','男',24,'大四'],

['小D','女',21,'大一'],

['小E','女',22,'大四'],

   ['小F','男',21,'大一'],

['小G','女',22,'大二'],

['小H','女',20,'大三'],

['小I','女',20,'大一'],

['小J','男',20,'大三']

];

for(var i = infos.length - 1;i>0;i--){/*数组大的方面 下标必须-1 所以vari=infos.length-1；下标都是以0开始 i>=0；i--*/

switch(infos[i][3]){

case'大一':

switch(infos[i][1]){

case'女':

document.write(infos[i]+'<br>')

}

}

}

</script>

Location 接口表示其链接到的对象的位置（URL）

语法:

location.[属性|方法]

location对象属性图示:

location 对象属性：

location 对象方法:

更多详情可参考MDN文档:

Web/API/Location

Web/API/Window/location

window.history.go(number)

参数:

window.history.go(-2) 和在浏览器中单击两次后退按钮操作一样。

window.history.go(3);返回当前页面之后浏览过的第三个历史页面