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 |
相关推荐
- **BOM (Browser Object Model)**: 提供了一组与浏览器交互的对象，如window、navigator等。 #### 四、JavaScript的主要特性 - **解释型语言**：JavaScript是一种解释型语言，意味着代码可以在运行时直接执行，...
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
以上是JavaScript学习笔记中提到的一些核心知识点，通过对这些知识点的理解和熟练应用，可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中，结合具体的项目需求，这些知识会得到更深入的拓展和应用...
- **BOM编码**：处理文件开头的字节顺序标记（Byte Order Mark）。 #### 五、缓存逻辑 - **目的**：提高应用程序性能，减少对数据库或其他后端服务的访问频率。 - **策略**： - 按小时时间间隔缓存：定期更新...
3. **外部链接**：通过 `<script src="filename.js"></script>` 引入外部 JavaScript 文件。 - 示例： ```html <script src="functions.js"> ``` #### JavaScript 变量 1. **声明变量**：使用 `var` 关键字声明...
JavaScript，简称JS，是由Brendan Eich在1995年创造的一种高级编程语言，最初目的是为了增强网页的交互性，特别是在前端进行表单验证。JavaScript不是Java的子集，两者之间没有直接关联。JS起初名为LiveScript，但在...
JavaScript（简称JS）是一种广泛用于客户端Web开发的脚本语言，它主要运行在浏览器环境中，提供了丰富的功能，包括处理BOM（Browser Object Model）和DOM（Document Object Model）。本篇笔记将详细介绍数组方法、...
*javaScript包含3部分语法:基础语法、DOM(Document Object Model)、BOM(Brower Object Model)。 114.javaScript的初步使用:其实和在html中引入css的做法类似，js的使用也分为内部使用和外部使用。 *js的内部使用，...
JavaScript由三大部分构成：基础语法、DOM（Document Object Model）和BOM（Browser Object Model）。基础语法包括变量、数据类型、运算符、流程控制等基本概念。DOM是HTML和XML文档的抽象表示，它允许通过编程方式...
\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}{...
**JavaScript BOM（浏览器对象模型）知识点汇总** 在JavaScript中，BOM（Browser Object Model）是浏览器提供的一系列接口，允许我们与浏览器环境进行交互，包括处理窗口、导航、历史记录、cookies、时间、弹出框等...
JavaScript是Web开发中不可或缺的一部分，主要分为两个核心部分：BOM（浏览器对象模型）和DOM（文档对象模型），以及两种版本：ES5和ES6。本文将深入探讨这些概念及其重要知识点。 首先，BOM（Browser Object Model...
- 通过`<script src="path/to/file.js"></script>`链接外部JavaScript文件。 - 外部文件中不应包含`<script>`标签。 #### 五、脚本的执行顺序 - 脚本按照在HTML文档中的顺序执行。 - 将脚本放在文档底部可以避免...
### JavaScript 学习笔记1：数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中，数组是一种非常重要的数据结构，用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**：从...
《跟李彦恢学JavaScript》是一本深受编程爱好者欢迎的JavaScript教程，由知名讲师李彦恢编著。这本书深入浅出地介绍了JavaScript的基础知识...结合电子书、笔记和实战练习，相信你在JavaScript的世界里将能够快速成长。
- **外部JS**：通过`<script>`标签的`src`属性链接外部JavaScript文件。 - `<script src="path/to/file.js"></script>` - **注意事项**： - `<script>`标签可以放在HTML文档的任何位置，但不同的位置会导致不同的...
自己根据教程所做的比较详细的笔记内容。
### JavaScript基础概述与核心知识点详解 #### 一、JavaScript是什么？ JavaScript是一种被广泛使用的脚本语言，主要用于网页的客户端交互，提升用户体验。它能够实现动态验证、动态效果、页面元素操作以及异步...
2. 外链式：将JavaScript代码放在独立的.js文件中，通过`<script>`标签引入。 3. 行内式：将JavaScript代码作为HTML标签的属性，如`onclick`事件处理程序。 注释在JavaScript中分为单行注释（`//`）和多行注释（`/*...
以下是我整理的JavaScript笔记中的关键知识点： 1. **基础语法**：JavaScript的基础语法包括变量（var, let, const）、数据类型（字符串、数字、布尔、null、undefined、对象、数组、Symbol、BigInt）、运算符...