📅  最后修改于: 2023-12-03 15:39:46.236000             🧑  作者: Mango
Javascript 是一门流行的脚本语言,它被广泛用于 Web 开发,在浏览器中运行。Javascript 可以通过把手 (hand) 功能,让我们更方便地与浏览器进行交互,和改变页面上的元素,使用户能够使用页面交互。
在 Javascript 中,把手 (Hand) 就是指代浏览器窗口对象 (window)。可以使用把手来操作文档对象 (document),也可以操作浏览器窗口本身。
const hand = window;
文档对象就是当前文档的根对象,我们可以使用把手来获取文档对象,并通过文档对象来访问页面上的元素。
const doc = hand.document;
元素对象就是页面上的标签元素,我们可以使用文档对象来获取元素对象,并对元素做操作。
const title = doc.getElementById('title');
title.innerHTML = 'Hello World';
Javascript 可以监听页面上的事件,如点击事件、滚动事件、鼠标移动事件等等。使用事件监听器,可以让页面上的元素更加动态。
const button = doc.getElementById('button');
button.addEventListener('click', () => {
alert('Button Clicked');
});
使用 AJAX 技术可以让我们在不刷新整个页面的情况下,向服务器发送或接收数据。AJAX 可以让页面更加快速、流畅。
const xhr = new XMLHttpRequest();
xhr.open('GET', '/data', true);
xhr.onload = () => {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
这些只是 Javascript 的冰山一角。使用 Javascript 把手,我们可以实现更多的功能,从基础的表单验证、页面动画,到更加复杂的 Web 应用程序。