【第一步】
首先通过视频或者书籍，学习JS的基本语法、基本特性等，
同时了解JS都有哪些内置函数、内置属性等，
建立起对JS都能做什么，它用来做什么，它都能实现什么功能等基本的宏观概念；
【第二步】
给自己预定一个大概可以实现的JS功能，然后试图去完成它，不用非要做到全原创
通过抄袭代码放到你的网页上去，让它可以达到你的要求，其中有一些不符合你要求的地方，对其进行修改，修改的过程中，你就必须要去了解它的功能实现步骤，这个步骤使用得多了，你有脑海里就会建立起一个JS程序编写的流程概念，给自己独立写代码打下基础
这个过程以及第三步甚至是以后，你都需要用到搜索引擎，学习如何使用搜索引擎来准确查找你要实现的某个细节功能；
【第三步】
开始尝试自己写代码，将一些以前写过的或者没写过的重新按自己的思路写，或者原创一个实用的功能。
写代码的时候同样和第二步一样，需要进行大量的知识吸纳过程，这时候你慢慢地会对JS的宏观轮廓有一个更清晰的认识过程，比如JS内部都有哪些内置类，它的核心之外都有哪些对外接口，比如DOM、window等。
这个过程中，多多去一些问答社区去找一些网友提问的问题，尝试独立解决它们，在帮助别人的同时，对自己的知识积累才是最主要的。
【第四步】
这个时候你已经是一个JS老手了，寻找一些稀奇古怪的代码，来了解JS更细化的知识，弥补对JS的认识空白和以往的误区。
同时，编写自己的JS库，比如针对浏览器兼容性而开发的动画库、常用简化库等。
学习和使用已有的JS库，比如jquery等。
——————
以上的步骤基本是学习的流程，但不见得非要按步就班，如果你的学习能力很强，可以将第二、三步同步进行。
另外，多去JS的相关知识站点学习，下面给你提供一些这样的站点：
参考资料：
【w3school中国站】 http://www.w3school.com.cn/js/index.asp
【w3schools国际站】http://www.w3schools.com/js/default.asp
【微软JScript官方教程】http://msdn.microsoft.com/zh-cn/library/72bd815a.aspx
如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。但是答案是不一定，得看你怎么用。看一下例子吧
例1：
复制代码
代码如下:
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.0
Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script
type="text/javascript">
function
ShowMessage()
{
alert("true")
}
window.onload=ShowMessage()
</script>
</head>
<body>
当你看到true时看不到我
</body>
</html>
当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。
例2
复制代码
代码如下:
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.0
Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script
type="text/javascript">
function
ShowMessage()
{
alert("true")
}
window.onload=function(){ShowMessage()}
</script>
</head>
<body>
你看到true时就看到我了
</body>
</html>
当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才触发。
PS：推荐像onload事件之类的使用匿名函数执行，即window.onload=function(){ShowMessage()}这种形式。
