js---javascript BOM

18 篇文章 0 订阅

前端入门笔记之js(16)

Javascript中bom介绍

BOM(浏览器对象模型):可以对浏览器窗口进行访问和操作。

使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

使 BOM 独树一帜且又常常令人怀疑的地方在于,它只是 JavaScript 的一个部分,没有任何相关的标准。

BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括:

  1. 弹出新的浏览器窗口
  2. 移动、关闭浏览器窗口以及调整窗口大小
  3. 提供 Web 浏览器详细信息的定位对象
  4. 提供用户屏幕分辨率详细信息的屏幕对象
  5. 对 cookie 的支持
    IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象

由于没有相关的 BOM 标准,每种浏览器都有自己的 BOM 实现。有一些事实上的标准,如具有一个窗口对象和一个导航对象,不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。

Window对象
Window 对象表示浏览器中打开的窗口
如果文档包含框架(frame 或 iframe 标签),浏览器会为HTML文档创建一个 window 对象,并为每个框架创建一个额外的window对象
window对象集合
在这里插入图片描述

window对象属性
在这里插入图片描述在这里插入图片描述

window对象方法
在这里插入图片描述

案例
window对弹框的三个方法,alert,confirm,prompt

!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script type="text/javascript">
	function click1() {
		//alert是window对象的方法,平时开如可以省略window
		window.alert("党的十九大招开了");//提示框
	}
	
	function click2() {
		//显示带有一段消息以及确认按钮和取消按钮的对话框。
		//用户选择后,会返回true或者false
		var rsl = window.confirm("你确定要分手吗?");
		alert(rsl);
	}
	
	function click3(){
		//显示可提示用户输入的对话框,点确定后,返回用户输入的密码,点取消,返回null
		var rsl = prompt("请输入你的银行卡密码");
		alert("你输入的密码是:" + rsl)
	}
</script>
<button οnclick="click1();">点击1</button>
<button οnclick="click2();">点击2</button>
<button οnclick="click3();">点击3</button>

</body>
</html>

open方法

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script type="text/javascript">
	function click4(){
        //可以不用写window
	     //window.open("水平菜单栏.html")
		 window.open("https://www.baidu.com/?tn=62095104_43_oem_dg")

	}

</script>
<button οnclick="click4()">打开其他链接</script>
</body>
</html>

定时器(指定时间执行任务)
在这里插入图片描述

定时器(每隔一定时间执行任务)
在这里插入图片描述

需求:注册后5秒钟跳转首页
在这里插入图片描述

history的go,back,forword函数
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值