第四、浏览器对象模型BOM

第四章 浏览器对象模型BOM

一、BOM简介

（一）BOM:浏览器对象模型，browser object model

（二）通过BOM，开发者可以移动窗口，改变状态栏文本，执行其他与页面内容不直接相关的动作（对Cookie的支持）

 

二、window对象

（一）窗口操作 moveTo moveBy resizeBy resizeTo(这个函数不能使用负数)

（二）open/close

var winName = window.open("url","name","feature");winName.close();

当两个open窗口name相同，即在同一个新窗口打开

var winName1 = window.open("url","name","feature");

var winName2 = window.open("url","name","feature");

（三）对话框 alert confirm prompt

confirm("sure?");

prompt("test","haha");

（四）状态栏 window.status

（五）时间暂停和间隔

1. setTimeout() 

2. setInterval()

3. 第一个参数可以是代码串（类似eval）也可以是函数指针

如：setTimeout("tt()",1000);setTimeout(tt,1000);

状态栏滚动文字

//状态栏
var str = "                  朗沃欢迎您！";
var tmp = str;
function showStatus(){
if(str.slice(0,1)==" "){
str = str.slice(1,str.length);
window.status = str;
}else{
window.status = tmp;
str = tmp;
} 
}
setInterval(showStatus,200);

 

（六）历史 history.go(-1)/go(1)

 

三、location对象

document.URL = location.href  ==>表示获取或设置当前页面的URL

 

四、navigator

navigator.userAgent 判断浏览器

转摘判断浏览器很全的JS代码

function browser() {
    var A = function() {
        var B = navigator.userAgent.toLowerCase(),
        D = function(F, G) {
            if (!F.className) {
                F.className = G
            } else {
                var E = F.className;
                E += (" " + G);
                F.className = E
            }
        },
        C = function(E) {
            return (B.indexOf(E) != -1)
        };
        D(document.getElementsByTagName("html")[0], [(!(/opera|webtv/i.test(B)) && /msie (\d)/.test(B)) ? ("ie ie" + RegExp.$1) : C("firefox/2") ? "gecko ff2": C("firefox/3") ? "gecko ff3": C("gecko/") ? "gecko": C("chrome/") ? "chrome": C("opera/9") ? "opera opera9": /opera (\d)/.test(B) ? "opera opera" + RegExp.$1: C("konqueror") ? "konqueror": C("applewebkit/") ? "webkit safari": C("mozilla/") ? "gecko": "", (C("x11") || C("linux")) ? " linux": C("mac") ? " mac": C("win") ? " win": ""].join(" "))
    } ()
}
if (window.addEventListener) {
    window.addEventListener("load", browser, false)
} else {
    if (window.attachEvent) {
        window.attachEvent("onload", browser)
    }
};

 

五、screen

window.moveTo(0,0);

window.resizeTo(screen.availWidth,screen.availHeight);