zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    让框架内循环或者指定元素 指定CSS
    织梦dedecms自定义功能函数(1):调用body中的图片(可多张)
    dedecms 上传目录路径
    点击展示菜单11
    ueditor 去掉自动跟随内容的<p><br /></p>
    点击切换JS
    点击切换的JS
    Unity3D NGUI 给button按钮添加单间事件
    企业如何留住核心人才[转载分享]
    java SSH框架详解(面试和学习都是最好的收藏资料)
  • 原文地址:https://www.cnblogs.com/insistence/p/5940345.html
Copyright © 2011-2022 走看看