JavaScript之BOM基础

本文深入探讨了浏览器对象模型(BOM)的概念及其核心组成部分——Window对象的功能与使用。包括警报、确认对话框、定时调用、位置重定向、历史记录操作及屏幕尺寸获取等关键API介绍。

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


什么是BOM?BOM是浏览器对象模型

window(重要)

  • window.alert(“content”)
    功能:显示带有一段消息和一个确认按钮的警告框
  • window.confirm(“message”)
    功能:显示一个指定消息和确认及取消按钮的提示框
    返回值:点击确认按钮,返回值为true
        点击取消按钮,返回值为flase
  • window.prompt(“text, defaultText”)
    参数:
    text:对话框中显示的文本
    defaultText:默认的输入文本
    返回值:点击取消按钮,返回值为null
        点击确认按钮,返回值为输入的文本内容
  • window.open(pageURL,name,parameters)
    功能:打开一个新的浏览器窗口或查找一个已命名的窗口
    参数:
    pageURL:子窗口路径
    name:子窗口target属性
    parames:窗口参数(各参数用逗号分隔)
  • window.close()
    功能:关闭浏览器窗口

超时调用

  • setTimeout(code,millisec)
    功能:在指定的毫秒数后调用函数或表达式
    参数:
    code:要调用的函数或js代码串
    millsec:在执行代码前等待的毫秒数
    注意:setTimeout()只执行code一次,多次调用要使用setInterval()或者在code调用setTimeout()
    语法:setTimeout(code,millisec)
    功能:在指定的毫秒数后调用函数或表达式
    参数:
    code:要调用的函数或js代码串
    millsec:在执行代码前等待的毫秒数
    注意:setTimeout()只执行code一次,多次调用要使用setInterval()或者在code调用setTimeout()
  • clearTimeout(id_of_settimeout)
    功能:取消由setTimeout()方法设置的延时
    参数:
    id_of_settimeout:由setTimeout()返回到ID值,标识要取消的延迟执行代码块

间歇调用

  • setInterval(code,millsec)
    功能:每隔指定时间执行一次代码
    参数:
    code:要调用的函数或js代码串
    millsec:周期性执行代码前等待的毫秒数

location对象的常用属性

  • location.href
    功能:返回当前加载页面的完整URL
  • location.hash
    功能:返回URL中的hash(#后的内容),若果不包含返回空字符串
  • location.hast
    功能:返回服务器的名称和端口号
  • location.hostname
    功能:返回不带端口号的服务器名称
  • location.pathname
    功能:返回URL的目录(文件名)
  • location.port
    功能:返回URL中指定的端口号,如果没有,返回空字符串
  • location.protocol
    功能:返回页面使用的协议
  • location.search
    功能:返回URL的查询字符串(以?开头)
  • location.replace(url)
    功能:重新定向URL
    注意:使用location.replace不会在历史记录中生成新纪录
  • location.reload()
    功能:重新加载当前显示的页面
    注意:location.reload()可能从缓存中加载
       location.reload(true)从服务器重新加载

history对象

  • history.back()
    功能:回到历史纪录的上一步
  • hostory.forword()
    功能:回到历史纪录的下一步
  • hostory.go(-n)
    功能:回到历史记录的前n步
  • hostory.go(N)
    功能:回到历史记录的后n步

screen对象

  • screen.availWidth
    功能:返回可用的屏幕高度
  • screen.availHeight
    功能:返回可用的屏幕高度
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值