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

本文介绍了浏览器对象模型(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代表要跳转到页面与当前页面的数值差
     }
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值