JavaScript篇.day07-BOM及相关操作

目录

1.BOM

2.相关操作

(1)获取可视窗口宽/高

(2)弹出层

(3)页面打开/关闭

(4)获取页面卷去的尺寸

(5)页面滚动

(5)窗口常用事件

(6)操作浏览器历史记录


1.BOM

Browser Object Model, 浏览器对象模型, 操作浏览器相关

2.相关操作

(1)获取可视窗口宽/高

innerWidth / innerHeight

(2)弹出层

  • alert()提示框
  • prompt()输入框
  • confirm()询问框

(3)页面打开/关闭

  • open('地址') / close()

(4)获取页面卷去的尺寸

  • 卷去的高Top/宽度Left   (声明文档类型时) document.documentElement.scrollTop
  • 卷去的高/宽度(未声明时)  document.body.scrollTop

(5)页面滚动

  • scrollTo(x,y)
  • scrollX / scrollY 属性   获取x/y轴移动的距离

(5)窗口常用事件

  • onload() 页面加载时
  • onresize()  调整窗口大小时
  • onscroll() 滚动条位置变化时

  
  
  

(6)操作浏览器历史记录

  • back()回退
  • forword()前进
  • go(num) num>0前进几页(forword) num<0后退几页(back)  go(0)跳转到当前页,刷新页面
    
  
首页 跳转到01
前进forword----------》 《---------后退back 打开02 关闭
这是01 跳转到02
前进forword----------》 《---------后退back 刷新页面
这是02 跳转到首页
前进forword----------》 《---------后退back

PreviousNotes:

JS.3-BOM,window对象常见事件, 定时器, JS执行队列, location对象, navigator对象, history对象_Mteee.的博客-CSDN博客_js中window事件有哪些

你可能感兴趣的:(Web---,javascript,前端,html)