学前端的同学都知道，前端web开发最基本的三个要素:HTML，CSS，JS。其中JS是Javascript的缩写。那么本文将详细讲解Javascript是什么，对于学习前端开发的新手来说能做些什么。
从编程的角度来看，Javascript是一种脚本语言。
它的名字带着Java，但和Java语言关系不大。Javascript是一种相对较弱的语言，对语法要求不是很严格。比如变量的定义和语句后的分号没有严格的格式，非常适合开发者入门。
Javascript不需要像C语言一样编译才能运行。它由客户端浏览器解析，该浏览器有一个内置的解析Javascript的解析器。但是每个浏览器对Javascript的兼容性不同，所以有时候同样的JS代码在不同的浏览器上会有不同的效果。这也是Javascript的一个缺点。
在前端开发中，js的作用是提供页面交互效果。其实就是修改元素在页面上的显示。文档模型是从页面中的所有标签抽象出来的对象，页面被看作是HTML标签的标签树，页面中的每个元素都被包含在内。Javascript可以很好的操纵DOM，所以可以操纵页面上你看到的和看不到的一切。
既然是前端开发必学的技术，作用肯定很大吧？没错，js能做的事情太多了。因为js可以非常方便地操作DOM，所以可以在客户端呈现各种效果。那么哪些效果是js做的呢？下面是一些常见的效果，供初学者参考，让新同学对js是做什么的有个概念。只要学会Javascript语言的用法，就可以轻松做出以下效果。
1.轮播图:轮播图一般是网站中间切换图片的地方，如下图所示。
一张一张地滑动图片的效果。它的原理其实很简单:中间显示图片的盒子只能装一张图片的显示。事实上，有一个盒子与显示的盒子高度相同，但宽度远远大于显示的盒子。这个长盒子里从左到右并排放着几张图片。这些图片用于旋转木马。显示时，只需要改变这个长盒子的暴露位置。如下图所示。
那么如何通过js实现这种效果:在css布局中将这样一个小盒子嵌套在一个大盒子中之后，利用css定位技术就可以达到漏一张图的效果。js要做的就是动态改变定位值。
2.表单验证:表单是你注册登录账号时要填写的部分，称为表单。比如注册的时候，如果两次输入的密码不一致，会立刻出现红色提示，这就是js的效果。
3.页面中的子弹框:比如页面中弹出的警告，弹出的提示信息都是js做的。
4.多级标签页:像淘宝的商品类别，鼠标一放就出现一个类别，可以从这个类别中分出一个类别等等。这些也是js能做到的。
js还有很多其他的效果，比如网页上的动画，飘动的广告，晃动的图片等等。，这里就不一一列举了。Js，你可以轻松做出这些效果。
本文由“热爱编程的小龙虾”于2019年11月26日发布。
