JavaScript - BOM浏览器对象模型笔记1.0-CSDN博客

本文链接：https://blog.csdn.net/weixin_42857338/article/details/82903789

浏览器对象模型 (BOM)
浏览器对象模型（Browser Object Model）尚无正式标准
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

浏览器对象(BOM)的层次结构

当前浏览器窗口即Window 对象
网页文档内容即document对象
浏览器地址栏即location对象
前进和后退即history对象

Window 对象

浏览器窗口即Window 对象。
所有浏览器都支持 window 对象。
window对象是浏览器对象中其他大部分对象的共同的祖先，所以一般在JavaScript程序中可以省略window对象
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

常用属性

history
location
screen
- 只读属性，包含有关客户端显示屏幕的信息

常用方法

open()

打开新窗口（创建新的window对象）

open(URL,windowName,parameterList)####

创建一个新的浏览器窗口，并以指定参数载入一个指定的URL地址

close()

关闭当前浏览器窗口

prompt方法

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

alert方法

警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。

confirm方法

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
在用户点击

setTimeout()

在指定毫秒数后调用一次函数或计算表达式

setInterval

指定的函数和表达式按指定间隔周期调用

clearInterval

停止周期调用

moveTo()

移动当前窗口

resizeTo()

整当前窗口的尺寸

confirm与alert、prompt的区别

1.

##history 对象 ##

window.history 对象包含浏览器的历史。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。

常用方法

back

加载历史列表中的前一个 URL。

与在浏览器点击后退按钮相同。

<html>
<head>
<script>
function goBack()
  {
     history.back()
  }
</script>
</head>
<body>
	<input type="button" value="Back" onclick="goBack()">
</body>

</html>