飙血推荐
  • HTML教程
  • MySQL教程
  • JavaScript基础教程
  • php入门教程
  • JavaScript正则表达式运用
  • Excel函数教程
  • UEditor使用文档
  • AngularJS教程
  • ThinkPHP5.0教程

浏览器环境 文档对象模型DOM

时间:2021-12-06  作者:匿名  

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
}
搜你所爱
JavaScript基础教程:目录
湘ICP备14001474号-3  投诉建议:234161800@qq.com   部分内容来源于网络,如有侵权,请联系删除。