淘宝首页轮播图是如何制作的呢？掌握了获取元素和事件绑定，可以做轮播图片

1、什么是JavaScript中的window？

JavaScript中window是一个全局对象，代表浏览器中一个打开的窗口，每个窗口都是一个window对象。

2、什么是document？

document是window的一个属性，这个属性是一个对象；

document代表当前窗口中的整个网页；

document对象保存了网页上所有的内容，通过document对象就可以操作网页上的内容。

3、什么是JavaScript中的DOM？

DOM定义了访问和操作HTML文档(网页)的标准方法；

DOM全称：Document Object Model，即文档模型对象；

学习DOM就是学习如何通过document对象操作网页上的内容。

4、JavaScript中如何通过选择器获取DOM元素？

querySelector：只会返回根据指定选择器找到的第一个元素，例子：

let oDiv = document.querySelector("div");

console.log("oDiv"); //输出：

querySelectorAll：会返回指定选择器找到的所有元素，例如：

let oDivs = document.querySelectorAll("div");

console.log("oDivs"); //输出：NodeList由所有div元素组成的为数组。

5、JavaScript如何获取和设置元素内容？

获取元素内容：

1）innerHTML获取的内容包含标签，innerText/textContent获取的内容不包含标签；

2）innerHTML/textContent获取的内容不会去除两端的空格，innerText获取的内容会去除两端的空格。

设置元素内容：

共同点：无论通过innerHTML/innerText/textContent设置内容，新的内容都会覆盖原有的内容；

区别：1）通过innerHTML设置数据，数据中包含标签，会转换成标签之后再添加；

2）通过innerText/textContent设置数据，数据中包含标签，不会转换成标签，会当做一个字符串直接设置。

6、什么是JavaScript中的事件？ 如何给元素绑定事件？

用户和浏览器之间的交互行为被称为事件，比如：鼠标的点击/移入/移出。

在JavaScript中所有的HTML标签都可以添加事件；

元素.事件名称 = function(){}；

当对应事件被触发时候就会自动执行function中的代码。

掌握了以上JavaScript，可以做轮播图片了。