JavaScript交互式网页设计 第三章 js浏览器对象模型

BOM是浏览器对象模型的简称。一个完整的BOM主要包括window对象、history对象、location对象和document对象。

window对象中的常用方法

方法	说明
prompt（）	用户输入的对话框
alert（）	警示框
confirm（）	确认框
close（）	关闭浏览器窗口
open（）	打开一个新的浏览器窗口
setTimeout（）	在设定的毫秒数后调用函数或计算表达式
setInterval（）	按照设定的周期（以毫秒计）来重复调用函数或表达式
clearInterval（）	取消重复设置，与setInterval（）对应

prompt（）方法创建提示对话框

        <script type="text/javascript">
			var name=window.prompt("请输入您的名字：");
			  window.alert("欢迎你："+name);
		</script>

confirm（）方法创建确认对话框

        <script type="text/javascript">
			var flag=window.confirm("你确认要删除吗？");
			if(flag){
				window.alert("要执行删除操作");
			}else{
				window.alert("取消删除操作");
			}
		</script>

使用window对象操作窗口

<h1>主页面</h1>
		<!-- close -->
<a href="javascript:newWin.close()">关闭页面</a>
		<script type="text/javascript">
			var newWin;
			window.onload=function(){
				newWin=window.open("T2.1 2.2          2.3.html","ad","width=600px,height=600px,left=300px,top=300px");
			}
</script>

setTimeout（）方法发会在指定的时间执行指定的代码并退出。

setInterval（）方法会根据设置的时间间隔反复执行指定的代码，直至程序结束或利用

clearInterval（）方法取消。

requestAnimationFrame（）方法是在主线程中完成的。如果主线程非常繁忙，requestAnimationFrame（）方法的动画效果就会大打折扣。

语法：requestID=window.requestAnimationFrame（callback）；

history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使history对象可以将当前浏览器页面跳转到某个曾经打开过的页面

history对象的方法

方法	描述
back（）	后退一个页面，相当于浏览器的后退按钮
forward（）	前进一个页面，相当于浏览器的前进按钮
go（）	打开一个指定位置的页面

location对象用于管理当前打开窗口的URL信息，相当于浏览器的地址栏。location对象通过window的location属性获取。

location对象的常用属性和方法

名称	描述
href属性	返回或设置当前页面的URL
hostname属性	返回Web主机的域名
pathname属性	返回当前页面的路径和文件名
port属性	返回Web主机的端口（80或443）
protocol属性	返回所使用的Web协议（http:// 或 https://）
reload（）方法	重新加载当前页面，相当于浏览器的刷新按钮
assign方法	加载新的文档

screen对象和navigator对象