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：" + screen.availHeight + "<br>");
//返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）
document.write("colorDepth：" + screen.colorDepth + "<br>")
//返回当前颜色设置所用的位数 - 1：黑白；8：256色；16：增强色；24/32：真彩色
</script>
</body>
</html>
5、History
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。
IE: Internet Explorer, F: Firefox, O: Opera.
History 对象属性
| length | 返回浏览器历史列表中的 URL 数量。 | 4 | 1 | 9 |
History 对象方法
| back() | 加载 history 列表中的前一个 URL。 | 4 | 1 | 9 |
| forward() | 加载 history 列表中的下一个 URL。 | 4 | 1 | 9 |
| go() | 加载 history 列表中的某个具体页面。 | 4 | 1 | 9 |
相关推荐
\contentsline {chapter}{Contents}{2}{section*.1} {1}Java基础}{17}{chapter.1} {1.1}基本语法}{17}{section.1.1} {1.2}数字表达方式}{17}{section.1.2} {1.3}补码}{19}{section.1.3} {1.3.1}总结}{23}{...
数组方法，date对象，bom,dom以及事件等的相关知识笔记。。。。。自己看视频总结的，特别基础的部分，初级JS。
js基础笔记可自已练习
javascript BOM知识点汇总，个人总结，需要使用xmind编辑器打开，内部附有xmind编辑器下载路径，欢迎使用
自己根据教程所做的比较详细的笔记内容。
Javascript高级编程学习笔记27——BOM1window对象1.docx
详细的javascript学习笔记，DOM,BOM,AJAX等详细笔记！
自己总结的JavaScript中BOM的笔记，绘制了详细的思维导图，每个思维导图中均有详细的博文解释，方便大家学习和理解，免费分享给大家。适合网页前端的爱好者和学习者
ｊａｖａｓｃｒｉｐｔ 数组 ＤＯＭ ＢＯＭ简单学习总结
此外，我还会在此博客账号上持续更新前端相关内容（js基础语法，BOM操作，DOM操作），与此同时会持续优化更新笔记内容，后边也会更新一些后端内容，欢迎您的关注和支持，也欢迎各位小伙伴来讨论js和node.js相关知识...
本javascript菜鸟堂上笔记探索部分仅供个人使用，切勿用于商业用途，由ekom.cn提供，谢谢！
history（浏览器 BOM） window有一下ES标准的属性： Number（） 数字类型的一种声明方式，创建出来的数字是一个对象，和直接var n = 1 创建出来的效果不一样 如果是var n=2声明方式的话，n本不应该有任何属性，但是...
javascript从入门到跑路—–小文的js学习笔记（1）———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM（Browers，Object，model）...
BOM、DOM，和浏览器不一样 EcmaScript 基本的 JavaScript 语言部分 变量 方法 数据类型 内置对象 Array Object Date Math 在 Node 中为 JavaScript 提供了一些服务器级别的 API 文件操作的能力 http 服务的能力 模块...
我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 ...
本文档为本人学习js时候做的笔记，只需要仅仅两个币就可以了，其中内容包括简单的数据类型，创建对象，数组，包装类BOM和DOM，其中重点的DOM包括基本的事件对象操作，轮盘绑定定时器，还有附加的一点点js高级部分...
JavaScript：定义行为和动作 (基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用 事件驱动：JavaScript的执行都是...
JavaScript是一种描述性语言 也是一种基于对象（object）和事件驱动（Event Driven）的 并具有安全性能的脚本语言 JavaScript应用程序多要下载到浏览器的客户端执行从而减轻服务器负担 JavaScript主要用来在HTML...
JS的重要部分DOM的学习笔记，基于传智播客前端培训视频所做的笔记以及相关案例代码，包括事件、DOM节点获取与操作、DOM实用案例、DOM属性操作、元素操作、BOM、内置对象