BOM浏览器对象模型

window对象

BOM(浏览器对象模型)定义了浏览器的操作对象。window对象表示浏览器窗口,开发者可以通过window对象修改浏览器的外观、控制状态栏信息等。
window是整个BOM结构中的主对象,其中包含一些子对象,如:

document对象页面内容
location对象处理页面的URL内容
navigator对象获取用户浏览器的相关信息
history对象浏览历史操作
screen对象获取用户的屏幕信息

对话框

在JavaScript中可以使用三种基本的对话框:

  • alert()方法,显示信息对话框,参数指定显示的文本内容。
  • prompt()方法,显示输入对话框,用于获取用户输入的数据。
  • confirm()方法,显示确认对话框,选择“确定”按钮时返回true值,否则返回false值。

onload事件

window.onload事件会在页面元素完全载入后执行,在此添加页面元素的操作代码会比较安全,可以避免因页面没有完全载入而产生的错误。可以在此事件中添加页面的初始化代码。

<script>
	window.onload = function () {
		document.width("页面已载入");	
	}
</script>

open()与close()方法

window.open()方法用于在页面中打开另外一个页面,并会返回打开的窗口对象,方法的参数包括:

  • 参数一:打卡资源的地址;
  • 参数二:可选,指定新窗口的名称或使用特殊值指定新窗口的打开方式,如_blank打一个新的窗口显示页面,_self在当前窗口显示页面;
  • 参数三:可选,使用字符串指定新窗口的显示参数。

window.close()关闭当前窗口。

location对象

location对象同时定义为window和document对象的属性,用于处理当前页面的网址(URL)信息。对象的常用成员包括:

  • href属性和toString()方法,都可以获取完整的url内容;
  • host和hostname属性,获取URL中的服务器主机名称;
  • pathname属性,获取主机后的资源路径;
  • port属性,获取URL中主机的端口信息;
  • protocal属性,获取URL中使用的协议;
  • search属性,获取URL中?符号及以后的内容;
  • hash属性,获取URL中#符号及以后的内容。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值