JavaScripts学习日记—

　　IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于，它只是 JavaScript 的一个部分，没有任何相关的标准。

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

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

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

1.window对象

概念上讲.一个html文档对应一个window对象.
功能上讲: 控制浏览器窗口的.
使用上讲: 与Global 类似.window对象同样不需要创建对象,直接使用即可.

三个常用方法：

　　1.alert　　警告框

　　2.confirm　　确认框，该方法有返回值，true/false

　　3.prompt　　交互框（少）

　　4.open

　　　　调用方式一：open("http://www.itcast.cn")//打开一个新窗口并进入指定网址

　　　　调用方式二：open('','','width=200,resizable=no,height=100')

　　　　//参数1 什么都不填就是打开一个新窗口. 参数2.填入新窗口的名字(一般可以不填). 参数3: 新打开窗口的参数.　　　

　　5.close　　关闭当前窗口

　　6.setInterval clearInterval（定时器方法）　　注意：每一个定时器都有一个独一无二的ID，关闭定时器是需传入ID

　　　　setInterval(fun1, 3000)//参数1 是function对象参数2 是时间. 每隔参数2的时间,调用参数1的函数.

　　7.setTimeout clearTimeout（只启动一次）

Window对象共有七个属性：

● defauleStatus：指定窗口状态栏中的信息。

● status：指定当前窗口状态栏中的信息。

● frames：是一个数组，其中内容是窗口中所有的框架。

● parent：指当前窗口的父窗口。

● self：指当前窗口。

● top：代表当前所有窗口的最顶层窗口。

● window：代表当前窗口。

Window对象有五个方法：

● alert：显示带有一个“确定”按钮的对话框。

● confirm：显示带有“确定”与“取消”两个按钮的对话框。

● prompt：显示带有输入区的对话框。

● open：打开一个新窗口。

● close：关闭用户打开的窗口。

三、status属性例子，在窗口状态栏显示和清除文字单击"写入文字"按钮，在状态栏显示'这是状态栏'。按"清除文字"按钮，清除状态栏的文字。 <html> <head> <script language="JavaScript"> function statbar(txt) { window.status = txt; } </script> </head> <body> <form> <input type="button" name="look" value="写入文字" onclick="statbar('这是状态栏');"> <input type="button" name="erase" value="清除文字" onclick="statbar('');"> </form> </body> </html>

四、alert方法例子：显示“大家来学习JavaScript脚本语言。”的对话框。 <html> <body> <script language="JavaScript"> alert("大家来学习JavaScript脚本语言。") </script> </body> </html>

五、 Confirm方法例子：让用户选择是否进入下一页。用confirm显示选择对话框，按“确定”进入next.htm，按“取消”不进入。 <html> <body> <script language="JavaScript"> if(confirm("你想进入下一页吗？")) location="next.htm" </script> </body> </html>

六、Prompt方法例子：让用户输入姓名，并将它显示出来。用prompt显示输入对话框，让用户输入姓名，再用alert对话框显示出来。 <html> <body> <script language="JavaScript"> var name name=prompt("请输入姓名","张国强") alert("你好，"+name) </script> </body> </html>

七、Window对象方法例子当打开网页时，立即打开另一窗口，显示test.htm。 <html> <body onload="javascript:window.open('test.htm')"> </body> </html>

2.history对象

八、History对象的属性和方法 History对象只有一个length属性，它表示历史对象中的链接的数目。 History对象有以下方法： ● back：在浏览器中显示上一页。 ● forward：在浏览器中显示上下页。 ● go(int)：在浏览器中载入从当前算起的第int个页面。

九、History例子：具有“上一页”、“下一页”按钮的页面。 <html> <body> <form> <input type="button" value="上一页" onClick="history.back()"> <input type="button" value="下一页" onClick="history.forward()"> </body> </html>

3.location对象

　　reload