首先，我假设阅读这篇文章的人已经掌握了HTML、CSS，且本文并不能教会你丰富多彩的JS的知识，因为ES也是在不断发展的，我也只能教会你一个学习的方法，俗话说的好：

 

　　前一篇文章《抛开JS，单谈前端布局入门》写的是如何通过效仿的方式自学Html、Css，结果有些培训机构出来的孩子非常的反感这样的自学方式，其实通过效仿的方式自学的好处有很多，比如可以学习到最新的技术架构、技术框架、技术实现方式、编码的规范等。有时候你需要的不仅仅只是学会如何使用这项技术而已。

 

　　不扯犊子，我们进入正题，我不会向你介绍JS的历史，我也不会告诉你JS的基础知识，因为这些信息都是可以找到的，我只会告诉你一个很不错的学习方法，但一切还是需要靠你自己来努力做到。

 

　　众所周知，JS对于一个没有编程基础的人来说，入门是非常困难的，那么作为一个初学者，我非常的建议，在学习JS之前，一定要很熟练的能够编写出各式各样的HTML页面，以及对CSS的熟练运用，这样的话你学习JS来才能一通百通。所以在没有搞懂HTML、CSS之前请先不要着急着入门JS。

 

　　学习JS，需要的是比学习HTML、CSS建立更多的成就感，JS远比HTML、CSS复杂难懂的，但是一切学习的动力只有兴趣才能够激发你，那么最快速的成就感建立方法就是：操作在线网站的DOM元素。

 

　　我们就从自己动手写一个 页面广告过滤程序 开始吧。

 

　　为了能方便我们快速的练习JS，我们必须要使用chrome浏览器的JavaScript控制台，然后找到一个可供操作DOM元素比较多的网站开始，在这里，我以广告比较多的17173.com为例，打开后的页面如下：

 

　　首先我们整理一下页面广告过滤程序的思路：

 

　　第一步，先靠肉眼分析广告的DOM元素和广告元素的特征值并找出。

 

　　第二步，使用我们的 JavaScript DOM选择器API 选中带有特征值的DOM元素。

 

　　第三步，使用JavaScript DOM 操作API 清除这些带有广告特征的DOM元素。

 

　　第四步，得到一个干净的网页。

 

　　现在有了思路，我们从第一步开始，找到广告的特征值：

 

　　看来大部分广告的Class元素都带有Ad17173字样。

 

　　接下来我们进行第二步，写一行代码验证一下我们的直觉：

 

　　看来直觉是对的，选择出来的广告元素还真的不少。

 

　　接下来我们进行第三步，把这些垃圾广告"干掉"。

 

　　初学者的同学脑子里想到的第一种"干掉"代码是这样的：

 

　　努力一点的同学脑子里可能是这样想的：

 

　　高手同学可能是这样想的：

 

　　通过运行以上的代码，我们都可以得到一个干净的网站。

 

　　上面的例子呢只是一个抛砖引玉的作用，感兴趣的同学可以用来自己用来写针对某些小电影网站（你懂得）的过滤程序。

 

　　大家还可以举一反三，发挥想象力创造出各种各样的操作DOM的栗子，可以将自己操作DOM元素的实用性强的栗子的源码打包成一个chrome插件放到chrome浏览器应用商店里供广大chrome用户使用，这样你的学习兴趣会大大增加。

 

　　通过激发兴趣，再自己的不断练习，相信大家的JS早就已不止于入门了吧。