JavaScript提高

正则表达式对象

1.规则

\d 数字
\D 非数字
\w 单词：[0-9a-zA-Z_]
\W 非单词 .
通配符，匹配任意字符
{n} 出现n次
{n,} 大于等于n次
{n,m} 大于等于n，而且小于等于m
+出现最少一次 1~n
* 0~n次 ? 0~1次
^ 匹配元素的开始
$ 匹配元素的结束

2.语法
方式1：使用RegExp对象创建

var reg = new RegExp("正则表达式","匹配模式");

方式2：以/开头，以/结尾

var reg = /正则表达式/匹配模式;

有关的方法

boolean test(“字符串”)
判断正则表达式是否匹配字符串，如果匹配返回true

匹配上与Java中的不同
Java默认是精确匹配，必须完全一样才返回true，在JS中只要字符串包含正则表达式就返回true，模糊匹配。

日期对象

getFullYear() 得到年份
getMonth() 得到月，月从0~11
getDate() 得到日
getHours() 小时
getMinutes() 分钟
getSeconds() 秒
getMilliseconds() 毫秒
toLocaleString() 得到符合本地习惯的日期格式

BOM编程

1.列举JS的BOM对象
bom中常用的三个对象

window对象
history对象
location对象

说出history对象的作用

访问历史记录中的网页

location对象的作用

地址栏对象，代表浏览器中的地址栏。

解释window对象的作用

代表浏览器窗口对象

2.使用window对象的方法进行定时操作
bom中的window对象的用途

代表浏览器窗口对象

setInterval方法的作用

window.setInterval(函数名, 毫秒数) 每过指定的毫秒数以后，调用这个函数。

clearInterval方法的作用

清除setInterval()计时器

setTimeout方法的作用

window.setTimeout(函数名, 毫秒数) 在指定的毫秒数以后，运行1次函数。

clearTimeout方法的作用

清除setTimeout()计时器

2.使用BOM对象的window对象进行页面操作

window对象的confirm方法

出现一个有2个按钮的信息提示框(确定、取消)，如果用户点确定，返回true，点取消返回false

window对象的prompt方法

出现一个提示信息的输入框，返回字符串类型

window对象的alert方法

弹出一个只有一个按钮的信息框

3.使用BOM对象的location对象进行页面操作

location对象的href属性的作用

得到值： 得到浏览器的访问地址，即URL

location对象的href属性完成页面跳转

设置值： 设置属性，可以跳转到另一个页面

4.BOM对象的history对象进行页面操作
history对象back方法的作用

访问上一个已经访问过的页面，相当于后退的按钮。

history对象forward方法的作用

相当于前进按钮

history对象go方法的作用

取正数和负数，正数相当于forward()，负数相当于back()

DOM编程

1.使用innerHTML属性对象对内容进行操作

innerHTML属性
设置和获取标签主体中的HTML的内容
innerText属性
设置和获取标签主体中的纯文本内容

2.使用JS的dom对象对页面内容进行操作

a. document对象的作用
代表整个网页文档对象本身
b. 使用document对象的getElementById方法
通过元素的ID得到唯一的元素，如果有同名的id，则得到第一个
c. 使用document对象的getElementsByName方法
通过name属性得到多个元素，返回数组。
d. 使用document对象的getElementsByTagName方法
通过标签的名字得到多个元素，返回数组。

3.对页面进行修改
创建和修改元素的方法

document.createElement(“标签名”) 在文档上创建一个元素对象

		修改DOM树的方法

父元素.appendChild(子元素) 将元素追加成父元素的最后一个子元素
父元素.removeChild(子元素) 通过父元素删除一个子元素
元素.remove() 元素删除本身

		 childNodes	得到当前元素下所有的子节点
			firstChild	得到当前元素的第一个子节点
			lastChild	得到当前元素的最后一个子节点
			parentNode	得到当前元素的父节点
			nextSibling	得到当前元素的下一个兄弟节点
			previousSibling	得到当前元素的上一个兄弟节点

操作CSS样式

	方式一
		元素.style.样式名 = "样式值";
	方式二
		元素.className = "类名";