前端(BOM)

BOM(Browser Object Model)是指浏览器对象模型

一、  window对象

Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先
全局变量是 window 对象的属性。全局函数是 window 对象的方法。
在调用window对象的方法和属性时,可以省略window对象的引用(例如:window.document.write()可以简写成:document.write())
属性和方法:
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
• window.open() - 打开新窗口
• window.close() - 关闭当前窗口 (只能关闭用js的window.open()打开的页面,了解一下就行了)

二、  navigator对象

浏览器对象,通过这个对象可以判定用户所使用的浏览器,包含了浏览器相关信息。
属性和方法:
• navigator.appName  // Web浏览器全称
• navigator.appVersion  // Web浏览器厂商和版本的详细字符串
• navigator.userAgent  // 客户端绝大部分信息
• navigator.platform   // 浏览器运行所在的操作系统

三、  screen对象

屏幕对象,不常用。
属性和方法:
• screen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

四、  history对象

注意:window.history 对象包含浏览器的历史。
• history.forward()       // 前进一页,其实也是window的属性,window.history.forward()
• history.back()            // 后退一页

五、  location对象

注意:
用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
属性和方法:
• location.href  获取URL
• location.href="URL" // 跳转到指定页面
• location.reload() 重新加载页面,就是刷新一下页面

六、  警告框

注意:
警告框经常用于确保用户可以得到某些信息
当警告框出现后,用户需要点击确定按钮才能继续进行操作
语法:
alert("你看到了吗?");

七、  提示框

注意:
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为默认值,就是第二个参数,如果没有默认值那么返回null。
语法:
prompt("请在下方输入","你的答案")

八、  确认框

注意:
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
语法:
confirm("你确定吗?")

九、  计时相关属性

  9.1 setTimeout()属性:

注意:一段时间后做一些事件被执行
语法:
var t=setTimeout("JS语句",毫秒)             // 设置定时器,毫秒单位
clearTimeout(t)          // 清除计时器t
示例:
var timer = setTimeout(function(){alert(123);}, 3000)   // 在指定时间之后执行一次相应函数
clearTimeout(timer);      // 取消setTimeout设置

  9.2 setInterval()属性:

注意:每隔一段时间事件被执行(周期执行,直到计数器被清除)
语法:
var t=setInterval("JS语句",毫秒)             // 设置时间间隔:毫秒单位
clearInterval(t)          // 清除计时器t
示例:
var timer = setInterval(function(){alert(123);}, 3000)           // 每隔一段时间就执行一次相应函数
clearInterval(timer);             // 取消setInterval设置

 

posted @ 2019-05-07 21:19  Amorphous  阅读(407)  评论(0编辑  收藏  举报