陈广安个人网站
会写代码的咸鱼
陈广安个人网站阿里云盘资源
陈广安个人网站网盘资源搜索
“ 梦想还是要有的,万一实现了呢!”
— 马云

5.21-BOM浏览器

创建时间:2016-10-19

  • 浏览器对象有:windows 窗口对象 | location 地址对象 | document文档对象 | form表单对象

  • window对象:
  • open ("url","name") ———— 打开具有指定名称的新窗口,并加载给定 URL 所指定的文档;如果没有提供 URL,则打开一个空白文档
  • close ( ) ———— 关闭当前窗口

  • history 对象
  • go (1)代表前进1页,等价于forward( )方法
  • go(-1) 代表后退1页,等价于back( )方法

  • Location 对象
  • href ————— 设置或检索完整的 URL 字符串

  • 属性:innerHeight | innerWidth



  • 拿到浏览器窗口的尺寸:
  • window.innerHeight 拿到浏览器窗口内body的高度
  • window.innerWidth 拿到浏览器窗口内body的宽度

  • 对于IE8以及IE8以下的写法
  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

  • 兼容性写法:封装成一个函数,返回一个数组,调用通过下标来分别获取数据
  • function getWidthHeight(){
  • var width = window.innerWidth||document.documentElement.clientWidth;
  • var height = window.innerHeight||document.documentElement.clientHeight;
  • return [width,height];
  • }





上一篇:5.19-DOM文档

下一篇:5.24-正则表达式