BOM

JS分为ECMAScript，DOM，BOM

BOM与DOM操作

    Browser Object Model
    Document Object Model
    页面的文档对象模型（Document Object Model)

BOM是用来和浏览器进行‘’对话‘’的

一：与window对象进行交互：

 

BOM操作
    location
        window.location.href
        window.location.href = url

location.href 获取当前页面的url
location.href='URL' 跳转到指定页面
location.reload() 重新加载页面

 

1.查看用户信息:

window.navigator.userAgent;

可以得到下面的信息，userAgent，可以根据post方法里面是否有这个信息，进行初步的爬虫判断

2.查看网页地址

3.跳向目标地址

window.location.href='http://www.baidu.com';

4.刷新页面

window.location.reload();
#注意这里是函数，要加括号的

5.返回上一个网页，去下一个网页

window.history.back(); #返回
window.history.forward();#前进

注意window开头是小写

二.弹出框

弹出框分为:警告框，提示框，确认框

警告框：

alert("这是警告框")；

 

提示框：

prompt("请手打一下提示框的代码");

确认框：

 

confirm('这是确认框，知道了吗？');

 

三.计时器：

 

- setTimeout与clearTimeout(设置单次定时触发，清除)
- setInterval与clearInterval(循环触发，清除)

 

语法：

1.设置时间

 

var t=setTimeout("JS语句",毫秒)
例如：

t=setTimeout(function(){alert("延迟3秒发动")},3000);

2.清除时间：

clearTime

// 在指定时间之后执行一次相应函数
var timer = setTimeout(function(){alert(123);}, 3000)
// 取消setTimeout设置
clearTimeout(timer);

3.循环调用和清除：

setInterval()

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法：

setInterval("JS语句",时间间隔)

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法：

clearInterval(setinterval返回的ID值)

举个例子：

// 每隔一段时间就执行一次相应函数
var timer = setInterval(function(){console.log(123);}, 3000)
// 取消setInterval设置
clearInterval(timer);