js学习笔记--BOM(Browser对象)

1 、浏览器信息
所有浏览器都支持  window   对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
常用属性和方法如下:
  • 窗口尺寸
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
 
  • window.open() -打开新窗口
  • window.close() -关闭当前窗口
  • window.moveTo() -移动当前窗口
  • window.resizeTo() -调整当前窗口的尺寸
 
2 wind ow screen
window.screen 对象包含有关用户屏幕的信息。
属性:
  • screen.availWidth -可用的屏幕宽度
  • screen.availHeight -可用的屏幕高度
 
3 window location
window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
属性 和方法
  • location.hostname返回 web主机的域名
  • location.pathname返回当前页面的路径和文件名
  • location.port返回 web主机的端口80 443
  • location.protocol返回所使用的 web协议(http://https://
  • location.href 属性返回当前页面的 URL
  • location.assign()方法加载新的文档
 
4 Win dow History
window.history 对象包含浏览器的历史。
方法:
  • history.back() -与在浏览器点击后退按钮相同
  • history.forward() -与在浏览器中点击按钮向前相同
 
5 window navigator
Window. navigator 对象包含有关访问者浏览器的信息


 


猜你喜欢

转载自blog.csdn.net/chj97/article/details/72729642