重新认识Ajax > 什么是Ajax Asynchronous JavaScript + XML（异步JavaScript和XML） https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX 核心： XMLHttpRequest https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest > Ajax应用场景： 浏览器端与服务器端异步通信（也可同步） > 原生Ajax的使用步骤？ https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX/Getting_Started 1 new xhr对象 httpRequest = new XMLHttpRequest(); 2 编写http响应处理函数 (onreadystatechange属性) httpRequest.onreadystatechange = funX; 3 发送请求 httpRequest.open('GET', 'http://www.example.org/some.file', true); //第三个参数 true表示异步请求 false表示同步请求 httpRequest.send(); 4 HTTP响应处理(步骤2中的处理函数) function funX(){ if (httpRequest.readyState === XMLHttpRequest.DONE) { if (httpRequest.status === 200) { // 状态码 200 OK 处理服务器响应 } else { } } else { } } > JavaScript定时器 setInterval https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval > 什么是轮询？浏览器端如何实现？ setInterval(function(){},1000); > 什么是DOM? DOM与JavaScript的关系 https://developer.mozilla.org/zh-CN/docs/Web/API/ https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction Document Object Model (DOM) > Javascript如何操作DOM? document.xxx > DOM事件： https://developer.mozilla.org/zh-CN/docs/Web/Events > DOM常用API document.getElementById(id) document.getElementsByTagName(name) document.createElement(name) 创建节点 https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createElement parentNode.appendChild(node) element.innerHTML element.innerText element.style.left element.setAttribute() element.getAttribute() element.addEventListener() window.content window.onload window.dump() window.scrollTo() Math.random() //生成随机小数（0 -1 之间） 书籍推荐： https://item.jd.com/10603153.html JavaScript DOM编程艺术