熟悉BOM各个属性方法

118 阅读3分钟

这是我参与8月更文挑战的第13天,活动详情查看:8月更文挑战

Window代表整个浏览器

一些常用的Window方法:

window.innerHeight - 浏览器窗口的内部高度

window.innerWidth - 浏览器窗口的内部宽度

window.open() - 打开新窗口

window.close() - 关闭当前窗口

定时器

周期性定时器: timer=setInterval(task, interval) 每隔interval 毫秒自动执行一次task任务 停止定时器: clearInterval

一次性定时器: timer=setTimeout(task,wait) 让程序等待wait毫秒后,自动执行一次task,执行后自动停止

停止定时器: clearTimeout(timer)

弹出框

alert('弹出')当警告框出现后,用户需要点击确定按钮才能继续进行操作。

confirm('弹出')当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。

promt('弹出','默认输入')当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为默认值,就是第二个参数,如果没有默认值那么返回null。

Navigator代表浏览器的信息

现在一般只用userAgent判断浏览器信息

navigator.appName  // Web浏览器全称
Netscape
navigator.appVersion  // Web浏览器厂商和版本的详细字符串
5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36
navigator.userAgent  // 客户端绝大部分信息
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36
navigator.platform   // 浏览器运行所在的操作系统
MacIntel

Location代表浏览器的地址栏,可以获取地址栏的信息

修改location会产生历史记录assign()一样

reload()跟刷新按钮一样,如果参数为true强制清空缓存

replace()用新的文档代替当前文档,不生成历史记录

location.href="URL" 跳转到指定页面

hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)

host 属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名称和端口号

hostname 属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名

href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL

pathname 属性是一个可读可写的字符串,可设置或返回当前 URL 的路径部分

port 属性是一个可读可写的字符串,可设置或返回当前 URL 的端口部分

protocol 属性是一个可读可写的字符串,可设置或返回当前 URL 的协议

search 属性是一个可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)

History可以操作浏览器的历史记录

length可以获取当次访问连接的数量

back()向前

forword()向后

go()参数正为向前,负为向后

go(-2)退两个地址

go(-1) 和 back()相等

screen对象
  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
screen.availWidth // 1440放在小屏
screen.availWidth // 2560放在大屏