日期:2014-05-16  浏览次数:20350 次

JS 笔记--BOM

ECMAScript是JavaScript的核心,BOM是javascript在浏览器应用中的核心;

?

BOM 对象包括:

1、window

2、location

3、navigator

4、screen

5、history

?

1、window

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestBOMWindow.aspx.cs" Inherits="TestWebButton.JavaScript.TestFrame" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        /* 获得浏览器的宽度和高度 */
        var pageWidth = window.innerWidth;
        var pageHeight = window.innerHeight;

        if (typeof pageWidth != "number") {
            if (document.compatMode == "CSS1Compat") {
                pageWidth = document.documentElement.clientWidth;
                pageHeight = document.documentElement.clientHeight;
            } else {
                pageWidth = document.body.clientWidth;
                pageHeight = document.body.clientHeight;
            }
        }
        //alert("pageWidth : " + pageWidth + "        pageHeight : " + pageHeight)

        /* 弹出窗口 和 关闭窗口 */
        var wrox = window.open("http://www.baidu.com", "topFrame", "height=400,width=400,top=10,left=10");
        var i = 1;

        //var funId = setInterval(function () { alert(i++); }, 1000);//间断执行

        //setInterval(function () { clearInterval(funId); }, 2000);//关闭间断执行


        setTimeout(function () { wrox.close(); }, 5000); //超时执行

        /* 系统对话框[alert()、confirm()、prompt()] */
        var result = null;
        while (result == null) {
            result = prompt("你叫什么名字?", "");

            if (result != null ) {
                alert(result + " 你好 !");
            }
        }
    </script>
</head>
<body>
   
</body>
</html>

?

2、Location 访问地址对象

window.open 用来打开新窗口?
??? window.location 用来替换当前页,也就是重新定位当前页?
??? 我们可以用以下来个实例来测试一下。?
<input type="button" value="新窗口打开" onclick="window.open('http://www.zhousl.com/')">
<input type="button" value="当前页打开" onclick="window.location='http://www.zhousl.com/'">??

?

3、Navigator

window.navigator.platform
window.navigator.appCodeName
window.navigator.appName("Netscape" for mozilla,"Microsoft Internet Explorer" for IE]
window.navigator.appVersion
window.navigator.language (mozilla)
window.navigator.userLanguage (IE)
window.navigator.mimeTypes
window.navigator.plugins (different in IE and mozilla)
window.navigator.userAgent
window.navigator.cookieEnabled

?

4、Screen Js的屏幕对象

<html>
<head>
    <title>screen屏幕对象用法</title>
</head>
<body>

<script type="text/javascript">

    document.write("width:" + screen.width + "<br>");
    //返回屏幕的宽度(像素数)。

    document.write("height:" + screen.height + "<br>");
    //返回屏幕的高度。

    document.write("availWidth:" + screen.availWidth + "<br>");
    //返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的东西所占用的宽度)

    document.write("availHeight:" + scr