前端基础之BOM

BOM简介

　　BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。

BOM操作

window.open()                 - 打开新窗口
window.close()                 - 关闭当前窗口
history.forward()              // 前进一页
history.back()              // 后退一页
location.href                  获取URL
location.href="URL"         // 跳转到指定页面
location.reload()             重新加载页面

弹出框

　　可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

　　1、警告框

　　　　警告框经常用于确保用户可以得到某些信息。

　　　　语法：

alert("你看到了吗？");

　　2、确认框

　　　　提示框经常用于提示用户在进入页面前输入某个值。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

　　　　语法：

confirm("你确定吗？")

　　3、提示框

　　　　提示框经常用于提示用户在进入页面前输入某个值。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

　　　　语法：

prompt("请在下方输入","你的答案")

计时相关

　　通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

　　1、setTimeout()

　　语法：

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

　　setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个setTimeout()，你可以使用这个变量名来指定它。

　　2、clearTimeout()

　　　　语法：

clearTimeout(setTimeout_variable)

　　　　例子：

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

　　3、setlnterval()

　　　　setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

　　　　语法：

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

　　4、clearlnterval()

　　　　clearInterval() 方法可取消由 setInterval() 设置的 timeout。clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

　　　　语法：

clearInterval(setinterval返回的ID值)

　　　　例子

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