下面是一个常用的JavaScript代码段,展示了如何获取DOM元素、添加事件监听器、创建新的DOM元素、发送AJAX请求以及使用定时器:

// 获取DOM元素
var element = document.getElementById('myElement');

// 添加事件监听器
element.addEventListener('click', function() {
  console.log('点击了元素');
});

// 创建新的DOM元素
var newElement = document.createElement('div');
newElement.textContent = '新元素';

// 将新元素添加到文档中
document.body.appendChild(newElement);

// 发送AJAX请求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

// 使用定时器
var count = 0;
var timer = setInterval(function() {
  console.log('计数:' + count);
  count++;
  if (count === 10) {
    clearInterval(timer);
  }
}, 1000);

这段代码展示了如何获取DOM元素、添加事件监听器、创建新的DOM元素、发送AJAX请求以及使用定时器。

常用的JavaScript代码示例:DOM操作、事件、AJAX和定时器

原文地址: http://www.cveoy.top/t/topic/e9YC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录