JavaScript基础4BOM简介&界面跳转

最新推荐文章于 2025-02-23 23:07:18 发布

强仔fight

最新推荐文章于 2025-02-23 23:07:18 发布

阅读量414

点赞数

CC 4.0 BY-SA版权

分类专栏：前端HTML

本文链接：https://blog.youkuaiyun.com/qq_35076836/article/details/86667392

前端HTML 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了浏览器对象模型(BOM)的基本概念，包括window对象的主要属性如document、frames、navigator等，以及screen、location和history的使用。同时，详细讲解了如何通过BOM进行界面跳转操作，包括跳转到指定页面、刷新页面、跳转至上一页、下一页及特定历史页的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.BOM简介
BOM,浏览器对象模型，用于访问浏览器和计算机屏幕的对象集合。

window.document  //当前所载入的文档
window.frames  //当前页面中所有框架的集合
window.navigator  //反映浏览器及其功能信息的对象
window.screen   //提供浏览器以外的环境信息
window.location
window.history

2.界面跳转操作
①跳转到指定页面

    <button onclick="func()">跳转</button>
    function func(){
      window.loaction.href = XXX.html
     }
    function func(){
      window.loaction.assign (XXX.html)
     }
    function func(){
      window.loaction.replace(XXX.html)       //不会在浏览器的历史记录表中留下记录，即不可后退
     }

②刷新页面

    <button onclick="func()">刷新</button>
    function func(){
      window.loaction.reload()
     }

  <button onclick="func1()">跳转到上一页</button>
    function func1(){
      window.history.back()
     }
  <button onclick="func2()">跳转到下一页</button>
    function func2(){
      window.history.forward()
     }
  <button onclick="func3()">跳转到某历史页</button>
    function func3(){
      window.history.go( index )    index代表要跳转到页面与当前页面的数值差
     }