一、DOM操作HTML

1、改变HTML输出流

注意:绝对不要在文档加载完成之后使用document.write(),这会覆盖改文档

2、寻找元素

可通过id或标签名寻到到元素,即:getElementById和getElementTagName(如果有两个相同的标签名,它会寻找到相同的第一个)

3、改变HTML内容

可通过innerHTML进行改变

4、改变HTML属性

使用属性:attribute,举例子:

点击链接到百度

二、DOM操作CSS

通过DOM对象改变CSS

语法:document.getElementById(id).style.property=new style

三、DOM EventListener

addEventListen可以多次叠加事件,并不会覆盖

注:如果在script中调用onclik,后面写的事件会将前面的事件覆盖

四、事件的补充

IE事件处理程序,处理兼容性的问题

attachEvent
detachEvent
与上面的EventListeners只是名称不一样,操作类似,比如click处需改为onclick

五、事件对象

1、type获取事件类型
2、target获取事件目标
3、stopPropagation():阻止事件冒泡
4、preventDefault():阻止事件默认行为


百度(被阻止了A标签的href的默认行为)

六、JavaScript内置对象

1、创建对象

2、String字符串对象

String对象常用的方法和属性:

1、在字符串中查找字符串:indexOf(),寻找得到则返回该字符串所在的位置,寻找不到返回-1.
2、内容匹配:match(),存在返回查找的字符串,不存在返回null.
3、替换内容:replace().
4、字符串大小写转换:toUpperCase()/toLowerCase(). 5、字符串转为数组:strong>split().

3、Date日期对象

1、getFullYear():获取年份;
2、getTime():获毫秒;
3、setFullYear():设置具体的日期;
4、getDay():获取星期;
5、时钟实例。

4、Array数组对象

1、concat():合并数组;
2、sort():排序;
3、push():末尾追加元素;
4、reverse():数组元素翻转。

a:"hello","world"
b:"shunkouliu","love"
c:"a","b","g","f","t","e"

5、Math对象

用法:Math.**去调用。
1、round():四舍五入;
2、random():返回0~1之间的随机数;
3、max():返回最高值,可在括号内填多个数值,在里面得出最大值;
4、min():返回中的最低值;
5、abs():返回绝对值。

6、Window对象

7、计时器

通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件。
计时方法:
1、sentInterval()-间隔指定的毫秒数不停地执行指定的代码;clearInterval()-用于停止sentInterval()方法执行的函数代码。
2、setTimeout()-暂停指定的毫秒数后执行指定的代码;(如:前面的模拟时间走动。)clearTimeout()-用于停止执行setTimeout()方法的函数代码。

8、History对象

history.back()回退、history.forward()前进、history.go()跳转到历史的某一页

9、Location对象

window.location对象用于获得当前页面的地址(URL),并把浏览器重定向到心得页面。

10、Screen对象

window.screen对象包含有关用户屏幕的信息。包括屏幕高度宽度和可用高度宽度。