第三十一天

bom
（1）消息框:alert， 常用。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
（2）输入框:prompt，返回提示框中的值。
prompt() 方法用于显示可提示用户进行输入的对话框。
参数（可选）：
第一个参数：要在对话框中显示的纯文本。
第二个参数：默认的输入文本。
（3）确认框:confirm，返回 true/false.
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

		window.open();         打开一个空的窗口
		window.open(url地址);  打开链接
		//打开一个空的窗口
			// window.open();
			//打开一个在线地址
			// window.open("http://www.baidu.com");
			//打开一个本地地址
			// window.open("01-弹出框.html");
			// 当前窗口打开在线地址
			window.open("http://www.baidu.com","_self");

时间函数
setTimeOut 返回当前时间函数的唯一标识
在指定毫秒数之后执行函数/程序
清除时间函数：clearTimeOut(唯一标识);
setInterval 返回当前时间函数的唯一标识
以指定毫秒数为周期，循环执行函数/程序
清除时间函数：clearInterval(唯一标识);

history对象
属性：length，返回浏览器历史列表中的 URL 数量。
history对象的方法：
​ back()：加载 history 列表中的前一个 URL。
​ forward()：加载历史列表中的下一个 URL。当页面第一次访问时，还没有下一个url。
​ go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。go(-1)，到上一个页面

location 对象
属性 href：设置或返回完整的 URL
window.location.href 获取当前页面地址
location 对象的方法
​ reload()：重新加载当前文档。
​ replace()：用新的文档替换当前文档。

dom
获取节点
getElementById() 根据id获取dom对象，如果id重复，那么以第一个为准
getElementsByTagName() 根据标签名获取dom对象数组
getElementsByClassName() 根据样式名获取dom对象数组
getElementsByName() 根据name属性值获取dom对象数组，常用于多选获取值

		注意：
			a标签正常会执行跳转的操作，设置href="javascript:void(0)" 表示伪协议  将不会跳转
			操作 dom 必须等节点初始化完毕后，才能执行
			​	处理方式两种:
			​		（1）把 script 调用标签移到html末尾即可；
			​		（2）使用onload事件来处理JS，等待html 加载完毕再加载 onload 事件里的 JS。

创建节点和插入节点
createElement() 创建一个新的节点，需要传入节点的标签名称，返回创建的元素对象
createTextNode() 创建一个文本节点，可以传入文本内容
innerHTML 也能达到创建节点的效果，直接添加到指定位置了
write() 将任意的字符串插入到文档中
appendChild() 向元素中添加新的子节点，作为最后一个子节点
如果追加的元素不存在，则添加新的；如果追加的元素存在，则会将原有的元素添加到新的位置（剪切）
insertBefore() 向指定的已有的节点之前插入新的节点
newItem：要插入的节点
exsitingItem：参考节点 需要参考父节点

childNodes 返回元素的一个子节点的数组
firstChild 返回元素的第一个子节点
lastChild 返回元素的最后一个子节点
nextSibling 返回元素的下一个兄弟节点
parentNode 返回元素的父节点
previousSibling 返回元素的上一个兄弟节点

删除节点
removeChild() 从元素中移除子节点
目标节点.父节点.removeChild(目标节点);

表单
获取表单：1、document.表单名称
2、document.getElementById(表单 id);
3、document.forms[表单名称]
4、document.forms[索引]; //从 0 开始

元素分类
表单元素
元素节点.value 取值
元素节点.value = 值 设置值/内容

非表单元素
元素节点.innerHTML = 值 设置值/内容
元素节点.innerHTML 取值/内容

获取input元素
1)、通过 id 获取：document.getElementById(元素 id);
2)、通过 form.名称形式获取: myform.元素名称; name属性值
3)、通过 name 获取 :document.getElementsByName(name属性值)[索引] // 从0开始
4)、通过 tagName 数组 :document.getElementsByTagName(‘input’)[索引] // 从0开始

取单选按钮
若属性值为true表示被选中，否则未被选中
​ 选中状态设定： checked=‘checked’ 或 checked=‘true’ 或 checked
​ 未选中状态设定： 没有checked属性 或 checked=‘false’
获取下拉选项
​ 选中状态设定：selected=‘selected’、selected=true、selected
​ 未选中状态设定：不设selected属性

提交表单
（1）使用普通button按钮+onclick事件+事件中编写代码:
获取表单.submit();
（2）使用submit按钮 + οnclick=“return 函数()” +函数编写代码:
​ 最后必须返回：return true|false;
（3）使用submit按钮/图片提交按钮 + 表单οnsubmit=“return 函数();” +函数编写代码:
​ 最后必须返回：return true|false;