BOM对象初识

Posted 2022-12-21 luckinlee

BOM概念和window对象与子对象

BOM的概念

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

window对象(了解)

//Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。
#window.innerHeight     获取浏览器窗口的内部高度
#window.innerWidth - 浏览器窗口的内部宽度
#window.open();     打开一个新的窗口
#window.close();    关闭当前页面(前提是必须是用windiw.open打开的页面)

navigator对象(了解)

navigator.appName　　// Web浏览器全称
navigator.appVersion　　// Web浏览器厂商和版本的详细字符串
navigator.userAgent　　// 客户端绝大部分信息
navigator.platform　　　// 浏览器运行所在的操作系统

screen对象

screen.availWidth - //可用的屏幕宽度
screen.availHeight - //可用的屏幕高度

history对象

#浏览历史对象，包含了用户对当前页面的浏览历史，但我们无法查看具体的地址，可以简单的用来前进或后退一个页面
history.forward()  // 前进一页，其实也是window的属性，window.history.forward()
history.back()  // 后退一页

location对象

#window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面
location.href //获取当前页面的url地址
location.href='http//:www.baidu.com';//跳转到指定页面(重定向)
location.reload(); //刷新当前页面

弹出窗

//可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
#警告框    警告框经常用于确保用户可以得到某些信息。
    alert('123456');//如果正确弹出,点击确定返回一个true
#确认框    确认框用于使用户可以验证或者接受某些信息。
    comfirm('是否确定?');//点击确定返回一个值为true,点击取消返回一个值为false;
#提示框    提示框经常用于提示用户在进入页面前输入某个值
    prompt('请输入:','默认值')//如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为默认值，就是第二个参数，如果没有默认值那么返回null

定时器(重要)

setTimeout()定时器

#设置一段时间之后执行某个内容,只执行一次
var t=setTimeout("JS语句",毫秒)  //第一个参数js语句多数是写一个函数，不然一般的js语句到这里就直接执行了，先用函数封装一下，也可以用引号把js语句引起来,返回值t其实就是一个id值（浏览器给你自动分配的）,第二个参数指示从当前起多少毫秒后执行第一个参数（1000 毫秒等于一秒）
var r=setTimeout(function()console.log('nihao');,2000);
var r=setTimeout('console.log("你好")',2000);

clearTimeout(清除定时器)

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

setInterval()定时器

//setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
var b = setInterval('console.log('你好')',1000);

clearInterval()清除定时器

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