作者:愛攝影的新胖 | 来源:互联网 | 2023-09-17 18:44
1、核心(ECMAScript)ECMAScript仅仅是一个描述,定义了脚本语言的所有属性、方法和对象。其他语言可以实现ECMAScript来作为功能的基准,JavaScript就是这样:2
1、核心(ECMAScript)
- ECMAScript 仅仅是一个描述,定义了脚本语言的所有属性、方法和对象。其他语言可以实现 ECMAScript 来作为功能的基准,Javascript 就是这样:
2、文档对象模型(DOM)
DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
请考虑下面的 HTML 页面:
<html>
<head>
<title>Sample Pagetitle>
head>
<body>
<p>hello world!p>
body>
html>
这段代码可以用 DOM 绘制成一个节点层次图:
DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。
3、浏览器对象模型(BOM)
BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 Javascript 扩展都被看做 BOM 的一部分。这些扩展包括:
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口大小
- 提供 Web 浏览器详细信息的定位对象
- 提供用户屏幕分辨率详细信息的屏幕对象
- 对 COOKIE 的支持
- IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 Javascript 实例化 ActiveX 对象
Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 Javascript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
与此相同:
document.getElementById("header");
var w=window.innerWidth //对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari
|| document.documentElement.clientWidth || document.body.clientWidth; //对于 Internet Explorer 8、7、6、5
例如JS返回上一页的三种方法:
window.history.go(-1);
window.history.back();
window.location.go(-1);