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