JavaScript 是一种用于网页开发的动态语言，它的出现极大地扩展了前端开发的范围，许多网站的动画、交互等必不可少的部分都离不开它。在 JavaScript 中，有很多属性可以让我们更好地控制所编写的代码，接下来，我们就来逐一了解一下这些属性。 1.文档属性 文档属性是指用于管理 HTML 和 XML 文件的属性，通过这些属性，我们可以获取或者修改过去的文档。其中，最常用的文档属性是 `document.body`，它指的是文档的主体部分。

console.log(document.body);

这段代码用来输出文档的主体元素，我们可以通过它来进一步地控制网页的布局。 2.元素属性 元素属性是指 HTML 制定的标签所拥有的属性，这些属性能够影响元素的外观和行为。其中，最常用的元素属性是 CSS 的属性，也就是我们通常所说的样式。

let el = document.createElement('div');
el.style.width = '100px';
el.style.height = '100px';
el.style.backgroundColor = '#ccc';

上面的代码是创建一个 div 元素，并为其设置了一些 CSS 样式，这些样式会影响到元素的显示效果。 3.事件属性 事件属性是指用于在用户与网页交互时触发的事件。通过事件属性，我们可以监听用户的鼠标、键盘、触屏等行为，并进行相应的操作。

let btn = document.querySelector('button');
btn.onclick = function() {
console.log('你点击了按钮');
}

上面的代码是为一个按钮添加了点击事件，并在点击时输出了一段文本，这样就可以在用户点击时做一些操作了。 4.资源属性 资源属性是指用于加载和显示 HTML 资源的属性，例如图片、音频、视频等。通过资源属性，我们可以获取、预加载或者暂停某些资源，以便更好地控制网页的加载速度和显示效果。

let img = new Image();
img.src = 'https://placekitten.com/200/300';
img.onload = function() {
console.log('图片加载完成');
}

上面的代码是用于加载一张图片，并在加载完成时输出了一段文本，这样就可以做到更好地控制图片的加载和显示。 5.表单属性 表单属性是指用于获取用户输入数据的属性，主要用于表单控件的操作。通过表单属性，我们可以获取表单中的数据、进行数据验证、提交数据等。

let form = document.querySelector('form');
form.onsubmit = function(e) {
e.preventDefault();
console.log(form.username.value);
console.log(form.password.value);
}

上面的代码是用于提交表单数据，并获取表单中的用户名和密码，这样就可以对用户输入的数据进行处理。 总之，JavaScript 中的属性有很多种类，通过这些属性，我们可以更好地控制网页的外观和行为，做到更好地用户体验。当然，除了上面所说的属性之外，还有很多其他的属性，如日期属性、字符串属性等，感兴趣的读者可以深入学习一下。