常用的JavaScript代码示例:DOM操作、事件、AJAX和定时器
下面是一个常用的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请求以及使用定时器。
原文地址: http://www.cveoy.top/t/topic/e9YC 著作权归作者所有。请勿转载和采集!