📜  把手 - Javascript (1)

📅  最后修改于: 2023-12-03 15:39:46.236000             🧑  作者: Mango

把手 - Javascript

Javascript 是一门流行的脚本语言,它被广泛用于 Web 开发,在浏览器中运行。Javascript 可以通过把手 (hand) 功能,让我们更方便地与浏览器进行交互,和改变页面上的元素,使用户能够使用页面交互。

把手 (Hand)

在 Javascript 中,把手 (Hand) 就是指代浏览器窗口对象 (window)。可以使用把手来操作文档对象 (document),也可以操作浏览器窗口本身。

const hand = window;
文档对象 (Document)

文档对象就是当前文档的根对象,我们可以使用把手来获取文档对象,并通过文档对象来访问页面上的元素。

const doc = hand.document;
元素对象 (Element)

元素对象就是页面上的标签元素,我们可以使用文档对象来获取元素对象,并对元素做操作。

const title = doc.getElementById('title');
title.innerHTML = 'Hello World';
事件 (Event)

Javascript 可以监听页面上的事件,如点击事件、滚动事件、鼠标移动事件等等。使用事件监听器,可以让页面上的元素更加动态。

const button = doc.getElementById('button');
button.addEventListener('click', () => {
  alert('Button Clicked');
});
AJAX

使用 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 应用程序。