02BOM基础

02BOM基础

02 BOM基础

BOM：

​ browse object model 浏览器对象模型，操作和浏览器相关的，如：打开关闭窗口、浏览器前进后退、历史记录…

DOM：document object model 文档对象模型，操作和html文档相关的，如：创建/修改/删除节点、节点属性操作、获取节点对象…

BOM相关：

window对象

​ 属性：
​ history 有关客户访问过的URL的信息
​ 后退：window.history.back()
​ 前进：window.history.forward()
​ 跳到指定的页面：window.history.go() go(1)等于前进，go(-1)等于后退

​ location 有关当前url的信息

​ window.location.host = “” 设置主机名和当前URL的端口号
​ window.location.host 获取主机名和当前URL的端口号
​ window.location.hostname = “” 设置当前URL的主机名
​ window.location.hostname 获取当前URL的主机名
​ window.location.href = “” 设置完整的URL，用的频率高，可以实现页面跳转，效果同标签
​ window.location.href 获取完整的URL

​ window.location.reload() 刷新

方法：

​ prompt( ) 显示可提示用户输入的对话框
​ alert( ) 显示带有一个提示信息和一个确定按钮的警示框
​ confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
​ close() 关闭浏览器窗口
​ open() 打开一个新的浏览器窗口，不传参数，就打开一个新的标签页，如果传参，第一个参数为新窗口要打开的地址，第二个为名称，一般传"“，第三个是特征，一般传”"
​ setTimeout(fun, “时间”) 在指定的毫秒数后调用函数或计算表达式
​ setInterval(fun, “时间”) 按照指定的周期（以毫秒计）来循环调用函数或表达式

JavaScript内置对象：

​ Array：用于定义数组
​ String：字符串，同java String类，但有些方法不同
​ Math: 数学相关的类，同java Math类
​ ceil() 向上取整
​ floor() 向下取整
​ abs() 绝对值
​ round() 四舍五入
​ random() 0-1之间的随机数
​ Date：操作日期和时间
​ java中可以通过 String str = new SimpleDateFormat(“yyyy-MM-dd HH:mm:ss”).format(new Date());
​ js中只能调用不同的方法，最后自己拼接
​ let d = new Date();
​ let y = d.getFullYear()
​ let M = d.getMonth() + 1 < 10 ? “0” + (d.getMonth() + 1) : d.getMonth() + 1;
​ let D = d.getDate() < 10 ? “0” + d.getDate() : d.getDate();
​ let H = d.getHours() < 10 ? “0” + d.getHours() : d.getHours();
​ let m = d.getMinutes() < 10 ? “0” + d.getMinutes() : d.getMinutes();
​ let s = d.getSeconds() < 10 ? “0” + d.getSeconds() : d.getSeconds();
​
setTimeout(fun, “时间”) 在指定的毫秒数后调用函数或计算表达式
setInterval(fun, “时间”) 按照指定的周期（以毫秒计）来循环调用函数或表达式
clearTimeout(定时器变量)
clearInterval(定时器变量)

DOM相关：

属性：

​ document.referrer 获取载入当前文档的URL
​ document.URL 获取当前文档的URL

方法：

​ document.write(“”) 向标签中写内容
​ document.getElementById() 通过ID获取页面标签元素对象
​ document.getElementsByName 通过name属性获取页面标签元素对象，返回的是一个集合
​ document.getElementsByClassName 通过class属性名获取页面标签元素对象，返回的是一个集合
​ document.getElementsByTagName 通过标签名获取页面标签元素对象，返回的是一个集合

​ 标签对象.innerHTML 获取对应标签中的内容
​ 标签对象.innerHTML = “” 设置对应标签中的内容

​ 表单元素对象.value 获取对应表单元素的value值
​ 表单元素对象.value = “” 设置对应表单元素的value值