《JavaScript的基础》

开发工具与关键技术： JS基础的使用点
作者：黄姗姗
撰写时间：2019.2.22

1.开头是写加载事件代码，（onload 页面加载事件）看一下代码是否加载成功，用一个提示框测试，它就是在页面刷新一下就会弹出一个提示框。

给标签的一个ID的属性。


绑定一个点击事件让它移动：
点击事件要给某个元素点击事件的话，通过ID属性找到这个元素，通过ID找到是唯一的。
要用一个变量装这个元素。
声明一个变量，获取某个元素通过ID，判断获取元素通过一个控制台输出找到它。控制台输出在检查Console里面显示。

获取成功之后，然后添加一个点击事件。再用（提示框）看一下点击是否绑定成功。
（Onclick）单击事件。

让点击移动，向前向后移动，移动是放在图片上外层的一个盒子。找到它要改变它的值，重新设置它的值，还有记得要加上ID，通过ID找到它。

怎么获取它当前的值，（元素的样式）。再鉴别一下是否成功。
list.style.left 通过这个就可以获取到它的元素它当前的left值。

要设置一个新的值，Js通过style 获取css的样式：

我们不需要（px）单位，可以通过函数来装换。
先定义一个变量来接收它的值，改换数值。

切换图片，左右按钮就可以切换图片。数值也可以放在live后面。

2.把相同的代码，把它封装成一个函数，封装之后调用函数就可以了，减少一些代码。
最后调用函数就可以了。（container（-670）.）

3.切换图片会出现空白的状态，需要判断。注意大小符号写反就没有效果出来。