BOM浏览器对象模型

本文介绍了JavaScript中的setTimeout和setInterval定时调用,以及如何使用alert、confirm和prompt进行系统对话框操作。同时深入剖析了Location对象和history的使用,帮助理解浏览器导航历史。

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


BOM里面的核心对象 window--->通过浏览器访问的一个重要API

#1.js

js是一个单线程的语言,但是我们可以通过超市调用或者间歇调用来调度代码。

(一)超市调用

 setTimeout
      作用:在指定的毫秒数(时间)后执行函数
      参数:两个参数
          要执行的函数(必须)
          ? 以毫秒表示的时间(可选  默认 0)
      返回值:是一个数字,是当前setTimeout的id,可以通过这个id取消执行
  clearTimeout
      作用:取消某个超时调用
      参数:一个参数
          超时调用的id

(二)间歇调用

 setInterval
      作用:在指定的毫秒数(时间)周期,重复调用函数
            直到窗口关闭,或者调用clearInterval()
      参数:两个参数
           要执行的函数(必须)
           以毫秒表示的时间(可选 默认 0) 但是如果不写 很危险
      返回值:是一个数字,是当前setInterval的id,可以通过这个id取消执行clearInterval(id);

#2.系统对话框—跟着浏览器走

调用系统对话框向用户提示消息,当对话框显示的时候,代码会暂停执行;关掉后,代码会继续执行。
   alert()  //可用于调试代码
       作用:  警告框、提示框
              阻塞代码运行
       参数:  字符串  显示给用户
       返回值:无  undefined
   confirm()
       作用:  确认对话框  有两个按钮:确认和取消
       参数:  字符串  显示给用户
       返回值:点击确认返回true 点击取消返回false
   prompt()  带一个输入的对话框
       作用:  提示用户输入文本的会话框  有确认和取消按钮
       参数:  字符串  显示给用户
       返回值:点击确认返回用户输入文本

3.Location

介绍
    BOM对象之一
    提供当前窗口加载的文档的一些信息,还导航功能
    既是window的对象 又是document的对象
  属性
    host   服务器名称和端口号
    hostname服务器名称
    href 当前页面的完整路径URL
    pathname 返回URL的目录和文件名
    search 返回URL的查询字符串,这个字符串以问号开头
    port  端口号
    protocol 协议
  方法
    assign()
      作用:载入一个新的url 并且生成一条新的浏览记录 可以回退
    replace()
      作用:用新的url替换当前url 不会生成新的记录 不可以回退
    reload()
      作用:重新加载当前显示的页面 
      参数为 true 时会强制刷新    

4.history

  作用
     保存着用户的上网历史记录 出于安全考虑 我们无法得知用户浏览的url 但是我们可以拿到列表 实现 前进后退
  属性
     length 返回历史列表中的网址数
            注意 Firefox Chrome Safari都是从1开始
            IE 和Opera 从0开始
  方法
     back()
        加载history列表中的前一个url
     forward()
        加载history列表中的下一个url
     go()
        加载列表中的某个具体页面
        参数:数字 可以为负数
          history.go(1);  //forward()
          history.go(-1); //back()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值