浏览器环境 文档对象模型DOM
JavaScript 语言最初是为 Web 浏览器创建的。此后,它已经发展成为一种具有多种用途和平台的语言。
平台可以是一个浏览器,一个 Web 服务器,或其他 主机,JavaScript 规范将其称为 主机环境。
主机环境提供了自己的对象和语言核心以外的函数。Web 浏览器提供了一种控制网页的方法。Node.JS 提供了服务器端功能,等等。
浏览器中 window 对象。它有两个角色:
1、它是 JavaScript 代码的全局对象。
2、它代表“浏览器窗口”,提供了控制它的方法。
function showInfo() { alert("弹窗"); }
// 全局函数是全局对象的方法:
window.showInfo();
window对象自带多种属性和方法,例如获取窗口高度可以使用:
alert(window.innerHeight); // 内部窗口高度
文档对象模型(DOM)
文档对象模型(Document Object Model),简称 DOM,将所有页面内容表示为可以修改的对象。
我们可以通过 document 对象来更改或创建页面上的所有内容。
例如将背景颜色修改为红色可以通过下面代码实现:
// 将背景颜色修改为红色 document.body.style.background = "red";
浏览器对象模型(BOM)
浏览器对象模型(Browser Object Model),简称 BOM,表示由浏览器(主机环境)提供的用于处理文档(document)之外的所有内容的其他对象。
函数 alert/confirm/prompt 也是 BOM 的一部分:它们与文档(document)没有直接关系,但它代表了与用户通信的纯浏览器方法。
1、navigator 对象提供了有关浏览器和操作系统的背景信息。navigator 有许多属性,但是最广为人知的两个属性是:navigator.userAgent — 关于当前浏览器,navigator.platform — 关于平台(可以帮助区分 Windows/Linux/Mac 等)。
2、location 对象允许我们读取当前 URL,并且可以将浏览器重定向到新的 URL。
例如我们利用location 对象获取当前Url这样操作:
alert(location.href); // 显示当前 URL if (confirm("设置另一个网址?")) { location.href = "https://yangzhiw.cn"; // 浏览器将会打开https://yangzhiw.cn }