Javascript

数据类型

Undefined,Null,Boolean,Number,String,Object

typeof 返回变量数据类型

    var message = "some string";
    alert(typeof message);      //返回"string"
    alert(typeof 95);          //返回"number"

逻辑与

逻辑与操作属于短路操作,如果第一个操作数能够决定结果,那面就不会再对第二个操作数求值。 对于逻辑与操作而言,如果第一个操作数是false,则永远不会对第二个操作数求值。

逻辑或

第一个操作数结构为true,则永远不会对第二个操作数求值。

Documnet类型

document.documentElement 取得HTML页面中的<html>元素。

documnet.body 取得<body>元素。

documnet.doctype 取得<!DOCTYPE>元素。

childNodes

浏览器会将两个子节点之间的空白文本(空格)也算作一个节点,IE9以下不会

例如如下代码中html有3个子节点

<html>
  <head>
    <meta charset="utf-8" />
  </head>

  <body>
    <p>Hello World!</p>
  </body>
</html>
`

如下代码中html只有两个子节点

<html>
  <head>
    <meta charset="utf-8" />
  </head><body>
    <p>Hello World!</p>
  </body>
</html>

查找元素

getElementById("someID"), 如页面中有多个元素的ID值相同,只返回文档中第一次出现的元素。

getElementsByTagName(), 接受要取得元素的标签名,返回零个或多个元素的NodeList。

DOM API选择元素

querySelector(),querySelectorALL()方法,通过css选择符查询得到DOM元素,没有找到匹配的元素则返回null。

querySelector()返回第一个匹配元素,querySelectorALL()返回一个NodeList对象。

documnet.querySelector('#someID')
documnet.querySelector('.someClass')
documnet.querySelector('tagName')

操作类(Class)

getElementsByClassName()方法

焦点管理

documnet.activeElement属性引用DOM中获得了焦点的元素

documnet.hasFocus()方法,确定文档是否获得了焦点

时间函数

var currentDate = new Date(); //获取当前的时间对象
getTime() //返回时间戳表示法(毫秒表示)
getYear() //返回年份(真实年份减去1900)
getFullYear() //返回四位数年份
getMonth()  //月份数(0-11)
getDate() //天数(1-31)
getDay()  //星期数(0-6)
getHours()  //小时数(0-23)
getMinutes()  //分钟数(0-59)
getSeconds()  //秒数(0-59)
getMilliseconds() //毫秒数(0-999)

字符串转换为数字

parseInt(string, radix)

string 必须,要被解析的字符串

radix 可选,表示要被解析的数字的基数,介于2~36之间,如果省略该参数或 其值为0,则数字将以10为基础来解析。如果以“0x”或“0X”开头,将以16为基数。 如果该参数小于2或者大于36,则parseInt()将返回NaN。

praseFloat(string)

将字符串解析为浮点数

子字符串

stringObject.substr(start, length)

从start开始的length个字符

一个字符串是否包含另一个字符串

stringObject.indexOf(searchvalue, fromindex)

从fromindex开始在stringObject中检索searchvalue, 返回位置,不存在返回-1

classList

访问元素的class列表,包含以下方法

  1. add 添加一个class元素到class列表中
  2. remove 从元素的class列表中移除一个class
  3. toggle 不存在添加,存在删除class列表中的一个元素
  4. contains 查询一个指定的class是否存在于元素的class列表中