JavaScripts学习日记——BOM

  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

原文地址:https://www.cnblogs.com/insistence/p/5940345.html