<javascript>的BOM对象

来源:互联网 发布:vc界面编程经典实例 编辑:程序博客网 时间:2024/06/06 01:36

Javascript中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对象

弹框的方法:        提示框:alert("提示信息");            没有返回值        确认框:confirm("确认信息");            有返回值:如果点击确认返回true  如果点击取消 返回false                var res = confirm("您确认要删除吗?");                alert(res);        输入框:prompt("提示信息");            有返回值:如果点击确认返回输入框的文本 点击取消返回null                var res =  prompt("请输入密码?");                alert(res);
open方法:            window.open("url地址");                       open("../jsCore/demo10.html");
定时器:            setTimeout(函数,毫秒值);                setTimeout(                    function(){                        alert("xx");                    },                    3000                );            clearTimeout(定时器的名称);                var timer;                var fn = function(){                    alert("x");                    timer = setTimeout(fn,2000);                };                var closer = function(){                    clearTimeout(timer);                };                fn();            setInterval(函数,毫秒值);            clearInterval(定时器的名称)                var timer = setInterval(                function(){                    alert("nihao");                },                2000            );            var closer = function(){                clearInterval(timer);            };需求:注册后5秒钟跳转首页恭喜您注册成功,<span id="second" style="color: red;">5</span>秒后跳转到首页,如果不跳转请<a href="../jsCore/demo10.html">点击这里</a>        <script type="text/javascript">            var time = 5;            var timer;            timer = setInterval(                function(){                    var second = document.getElementById("second");                    if(time>=1){                        second.innerHTML = time;                        time--;                    }else{                        clearInterval(timer);                        location.href="../jsCore/demo10.html";                    }                },                1000            );        </script>

(2)location

location.href="url地址";

(3)history

back();forward();go();        <a href="demo7.html">后一页</a>        <input type="button" value="上一页" onclick="history.back()">        <input type="button" value="下一页" onclick="history.forward()">        <input type="button" value="上一页" onclick="history.go(-1)">        <input type="button" value="下一页" onclick="history.go(1)">

window对象属性
window对象属性
window对象方法
history对象方法

原创粉丝点击