BOM 3.1 location对象 | history对象 | navigator对象 | 定时器 | 三大系列

JavaScript分三个部分:
1. ECMAScript标准---基本语法
2. DOM--->Document Object Model 文档对象模型,操作页面元素的
3. BOM--->Browser Object Model 浏览器对象模型,操作浏览器的

系统的对话框：

alert() //不使用，无法修改样式，在各个浏览器显示效果都不一样
prompt() //不使用，无法修改样式，在各个浏览器显示效果都不一样
confirm() 有布尔返回值 //不使用，无法修改样式，在各个浏览器显示效果都不一样

页面加载的事件：

1，window.onload = function () {} 　　// 页面加载完后，这个事件才触发
2，window.onunload = ... 　　 // 页面关闭后，才触发　　// 只支持IE8
3，window.onbeforeunload =.. // 页面关闭前触发　　　　// 只支持IE8

 location对象

//地址栏上#后面的内容
window.location.hash
//主机名及端口号
window.location.host
//主机名
window.location.hostname
//文件的路径---相对路径
window.location.pathname
//端口号
window.location.port
//协议
window.location.protocol
//搜索的内容
window.location.search
//设置跳转的页面的地址：
    location.href="http://www.jd.com";//属性
    location.assign("http://www.jd.com");//方法
location.reload();//重新加载--刷新
location.replace("http://www.jd.com");//没有历史记录，所以不能返回到上一个页面

属性与方法

history对象

1，有历史记录才能从第二个页面后退到第一个页面
window.history.back() 返回
window.history.forward() 前进
window.history.go(1/-1) 前进(1)/后退(-1)

navigator对象

1,通过userAgent可以判断用户浏览器的类型
window.navigator.userAgent

2,通过platform可以判断浏览器所在的系统平台类型.
window.navigator.platform

定时器

1，在毫秒值过后，执行函数，重复执行

// 设置定时器，返回值是定时器的Id
var 定时器id = setInterval(函数,毫秒值)
// 清除定时器
clearInterval(定时器Id)

2，在毫秒值过后，执行函数，只执行一次

// 设置定时器，返回值是定时器的Id

var 定时器id = setTimeout(函数,毫秒值)

// 清除定时器

clearTimeout(定时器id)

三大系列

1，offset系列：

.offsetWidth　　// 获取元素的宽

.offsetHeight　　// 获取元素的高

.offsetLeft　　// 获取元素距离左边位置的值

.offsetTop　　// 获取元素距离上面位置的值

.offsetParent　　// 获取定位父元素

2，scroll系列：

 

3，client系列：

 

转载于:https://www.cnblogs.com/uncle-kay/p/10755907.html