从零开始学JAVA记录——2019年5月28日

今天又是一个学习JAVA的好日子!
事件
作用
（1）验证用户输入的数据。
（2）增加页面的动感效果。
（3）增强用户的体验度
事件的组成：
事件源: 谁触发的事件
事件名: 触发了什么事件
事件监听: 谁管这个事情，谁监视？
事件处理:发生了怎么办
JavaScript 可以处理的事件类型为：鼠标事件、键盘事件、HTML 事件

BOM
浏览器对象模型
Window 对象
BOM 的核心对象是 window，它表示浏览器的一个实例。
window 对象方法
1）系统对话框
（1）消息框:alert， 常用。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
（2）输入框:prompt，返回提示框中的值。
prompt() 方法用于显示可提示用户进行输入的对话框。
参数（可选）：
第一个参数：要在对话框中显示的纯文本。
第二个参数：默认的输入文本。
（3）确认框:confirm，返回 true/false.
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框
2）打开窗口
window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口
3）关闭窗口
window.close()：关闭窗口
4）时间函数
setTimeout() : 在指定的毫秒数后调用函数或计算表达式。通过返回的标识也可以
cliearTimeout(id) 来清除指定函数的执行

DOM：Document Object Model 文档对象模型
dom 提供了用程序动态控制 html 接口。

获取节点
获取方式如下：

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

创建节点和插入节点
创建节点

createElement() 创建一个新的节点，需要传入节点的标签名称，返回创建的元素对象
createTextNode() 创建一个文本节点，可以传入文本内容
innerHTML 也能达到创建节点的效果，直接添加到指定位置了
插入节点

write() 将任意的字符串插入到文档中
appendChild() 向元素中添加新的子节点，作为最后一个子节点
insertBefore() 向指定的已有的节点之前插入新的节点
newItem：要插入的节点
exsitingItem：参考节点 需要参考父节点