1、JS attributes对象（元素属性对象）：
元素属性是指在 HTML 元素的开始标签中用来控制标签行为或提供标签信息的特殊词语。
在 HTML DOM 中，通过 attributes 对象来表示 HTML 属性，在 attributes 对象中提供了多种添加、修改和删除 HTML 属性的方法
属性 / 方法 ： 描述
attributes.isId ： 如果属性是 ID 类型，则返回 true，否则返回 false
attributes.name ： 返回属性名称
attributes.value ： 设置或者返回属性的值
attributes.specified ： 如果定义了指定属性，则返回 true，否则返回 false
nodemap.getNamedItem() ： 从节点列表中返回的指定属性节点
nodemap.item() ： 返回节点列表中处于指定索引号的节点
nodemap.length ： 返回节点列表的节点数目
nodemap.removeNamedItem() ： 删除指定属性节点
nodemap.setNamedItem() ： 设置指定属性节点（通过名称）2、JS BOM（浏览器对象模型）：
（1）浏览器对象模型（Browser Object Model，简称 BOM）是 JavaScript 的组成部分之一，BOM 赋予了 JavaScript 程序与浏览器交互的能力。
（2）window 对象是 BOM 的核心，用来表示当前浏览器窗口；
（3）JavaScript 中的所有全局对象、函数以及变量都属于 window 对象， document 对象也属于 window 对象。
（4）如果 HTML 文档中包含框架（ 或 标签），浏览器会为 HTML 文档创建一个 window 对象的同时，为每个框架创建一个额外的 window 对象。
3、JS Navigator对象：获取浏览器信息：
（1）JavaScript navigator 对象中存储了与浏览器相关的信息，例如名称、版本等，我们可以通过 window 对象的 navigator 属性（即 window.navigator）来引用 navigator 对象，并通过它来获取浏览器的基本信息。
（2）window 对象是一个全局对象，因此在使用 window.navigator 时可以省略 window 前缀，例如 window.navigator.appName 可以简写为 navigator.appName。
（3）navigator 对象中的属性：
属性 ： 描述
appCodeName ： 返回当前浏览器的内部名称（开发代号）
appName ： 返回浏览器的官方名称
appVersion ： 返回浏览器的平台和版本信息
cookieEnabled ： 返回浏览器是否启用 cookie，启用返回 true，禁用返回 false
onLine ： 返回浏览器是否联网，联网则返回 true，断网则返回 false
platform ： 返回浏览器运行的操作系统平台
userAgent ： 返回浏览器的厂商和版本信息，即浏览器运行的操作系统、浏览器的版本、名称（4）navigator 对象中的方法
方法 ： 描述
javaEnabled() ： 返回浏览器是否支持运行 Java Applet 小程序，支持则返回 true，不支持则返回 false
sendBeacon() ： 向浏览器异步传输少量数据document.write("navigator.appCodeName：" + navigator.appCodeName + "<br>");
document.write("navigator.appName：" + navigator.appName + "<br>");
document.write("navigator.appVersion：" + navigator.appVersion + "<br>");
document.write("navigator.cookieEnabled：" + navigator.cookieEnabled + "<br>");
document.write("navigator.onLine：" + navigator.onLine + "<br>");
document.write("navigator.platform：" + navigator.platform + "<br>");
document.write("navigator.userAgent：" + navigator.userAgent + "<br>");
document.write("navigator.javaEnabled()：" + navigator.javaEnabled() + "<br>");
3、Screen对象：获取屏幕信息：
JavaScript screen 对象中包含了有关计算机屏幕的信息，例如分辨率、宽度、高度等，我们可以通过 window 对象的 screen 属性来获取它。
document.write(screen.availTop + "<br>"); // 输出：0
document.write(screen.availLeft + "<br>"); // 输出：0
document.write(screen.availHeight + "<br>");// 输出：1040
document.write(screen.availWidth + "<br>"); // 输出：1920
document.write(screen.height + "<br>"); // 输出：1080
document.write(screen.width + "<br>"); // 输出：1920
document.write(screen.colorDepth + "<br>"); // 输出：24
document.write(screen.pixelDepth + "<br>"); // 输出：24
console.log(screen.orientation); // 输出：ScreenOrientation {angle: 0, type: "landscape-primary", onchange: null}
<!DOCTYPE html>
//以“方法”的形式的写法
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<button type="button" onclick="getResolution();">获取屏幕的宽度和高度</button>
<script type="text/javascript">
function getResolution() {
alert("您计算机屏幕的尺寸为：" + screen.width + "x" + screen.height);
}
</script>
</body>
</html>暂时记录到这里，明天继续学习。
学习文章链接： https://blog.csdn.net/m0_62617719/article/details/127564745
------------------------------------------------
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/m0_62617719/article/details/127564745
