javascript现代教程,javascript基础教程

如何正确学习JavaScript

首先要说明的是，咱现在不是高手，最多还是一个半桶水，算是入了JS的门。

谈不上经验，都是一些教训。

这个时候有人要说，“靠，你丫半桶水，凭啥教我们”。您先别急着骂，先听我说。

你叫一个大学生去教小学数学，不见得比一个初中生教得好。因为大学生早已经过了那个阶段，都忘记自己怎么走过来的了。而对于初中生，刚好走过那

个阶段，对自己怎么走过来的还记忆犹新，或者还有一些自己的总结。比如，很多高手觉得那本犀牛书入门很好，他们觉得太简单了，但以我的经验来看，它不是入

门的最好选择。

先说说学js的条件

论条件，咱是文科生，大学专业工商管理，和计算机毛关系都没；有人说英语，读了四年大学，很遗憾，咱还四级没混过；就咱这条件都学得乐呵呵的，您还等啥。

当然学习JS也是有门槛的，就是你的html和css至少还比较熟练，您不能连body这东东是干啥的都不知道就开始上JS了，学乘除前，学好加减法总是有益无害的。

再说几点忠告

1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到。没达到一定的武功水平，割了小JJ也学不会葵花宝典的。

2，别急着加技术交流QQ群，加牛人QQ。如果你找张三丰交流武功，你上去第一句问“丰哥，where is 丹田？”，你会被他一掌劈死的。

3，看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终。

4，千万别去弄啥电脑培训，花了钱和时间不说，关键是学不到东西。本来你买两本好书自学3个月能学会的，他们硬是能折腾你两年。

推荐几本好书

“超毛，你丫吹了半天牛B，还是没说怎么学啊”

呵呵，我也没啥特别的办法，只是推荐几本好书。推荐的书，得按先后顺序看。别第一本没看完，就急着上第二本，并不是每次“穿越”都能成功的

第一阶段：《JavaScript DOM编程艺术》

看这本书之前，请先确认您对Javascript有个基本的了解，应该知道if

else之类的语法，如果不懂，先去看看我第二阶段推荐的《Javascript高级程序设计》的前三章，记住看三章就别往下看了，回到

《JavaScript DOM编程艺术》这本书上来。

学习Javascript用《JavaScript

DOM编程艺术》来入门最好不过了，老老实实看两遍，看完了你就会对JS有一个大概的了解，整本书都围绕着一个网页效果例子展开，你跟着老老实实敲一篇，

敲完之后，你会发现这个效果不是常在网页中看到么，发现自己也能做出来网上的效果了，嘿嘿，小有成就感吧。

第二阶段：《JavaScript高级程序设计》

有的书是用来成为经典的，比如犀牛书；还有些书是用来超越经典的，显然这本书就是这种。书中章章经典，由浅入深，其中第6章，关于JS面向对象的解说，没有教程出其右。

如果有一场满分100分的JS考试，看了《JavaScript DOM编程艺术》能让你拿到20分，那么看完这本书，你就能拿到60分以上了。学完后，你会成就感倍增的，相信我（至少看两遍，推荐三篇，跟着书上的代码一行行的敲）。

这本书强烈推荐购买，写的太TMD牛逼了，给你带来的价值超过百倍千倍。

这本书最新的是第三版，貌似就是前些日子出来的，我看的是第二版，第三版相对第二版变动不大，添加了几章内容，价格目前相差10元左右。

接下来，恭喜你可以下山了，这个时候可以自己做一些事情了

你可以去Ferris这个教程看看他写的这些效果，看看源代码，怎么样，是不是觉得有一部分很简单了，尝试着跟着他写一写这些效果吧。

学技术闭门造车是行不通的，适当的加一两个QQ群交流（注重质量），常去论坛逛逛，你会经常有些小收获的。

再有就是看看前辈这些牛人前辈们分享的文章，它会让你的学习事半功倍的，这里是热心人收集的国内一些牛人的博客、个人网站，点这里。

第三阶段：《JavaScript语言精粹》和《高性能JavaScript》

接下来两本书《JavaScript语言精粹》和《高性能JavaScript》算是JS高级教程的补充，里面有一些内容和JS高级教程重复了，两本书可以同时看，都不厚，可以对前面所学的有一个很好的加强和巩固。

第四阶段：《JavaScript DOM高级程序设计》和《JavaScript设计模式》

在吃透了前面所说的书之后，接下来两本书的顺序已经无关紧要了，《JavaScript DOM高级程序设计》（注意和《JavaScript

高级程序设计》相区别）和《JavaScript设计模式》，这两本都是重量级的书，能让你的JS技术上一个新的台阶；这两本书前者主修炼外功，后者主修

炼内功，有点想乾坤大挪移和九阳神功的关系。

《JavaScript DOM高级程序设计》 首先教你搭建一个类似JQuery的额工具函数库，然后通过讲解几个实际中经常遇到的几个应用例子，会让初学者受益匪浅。

《JavaScript设计模式》主要讲Javascript的设计模式，说实话，翻译的质量很一般，有些生硬，但已经基本不影响你的学习，看代码完全可以理解出自己的意思。

谁有比较好的javascript视频教程

李炎恢的javascript教程，在verycd上可以下载。结合《javascript高级程序设计》学习，应该会比较好，他这个教程就是参考了《javascript高级程序设计》这本书以及其他一些经典教程制作的。

JavaScript入门教程(9) Document文档对象

描述当前窗口或指定窗口对象的文档。它包含了文档从head到/body的内容。

用法：document

（当前窗口）

或

窗口对象.document

（指定窗口）

属性：

document.title

//设置文档标题等价于HTML的title标签

document.bgColor

//设置页面背景色

document.fgColor

//设置前景色(文本颜色)

document.linkColor

//未点击过的链接颜色

document.alinkColor

//激活链接(焦点在此链接上)的颜色

document.vlinkColor

//已点击过的链接颜色

document.URL

//设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate

//文件建立日期，只读属性

document.fileModifiedDate

//文件修改日期，只读属性

document.fileSize

//文件大小，只读属性

document.cookie

//设置和读出cookie

document.charset

//设置字符集

简体中文:gb2312

cookie

关于

cookie

请参看“使用框架和

Cookies”一章。

lastModified

当前文档的最后修改日期，是一个

Date

对象。

referrer

如果当前文档是通过点击连接打开的，则

referrer

返回原来的

URL。

title

指head标记里用title.../title定义的文字。在

Netscape

里本属性不接受赋值。

fgColor

指body标记的

text

属性所表示的文本颜色。

bgColor

指body标记的

bgcolor

属性所表示的背景颜色。

linkColor

指body标记的

link

属性所表示的连接颜色。

alinkColor

指body标记的

alink

属性所表示的活动连接颜色。

vlinkColor

指body标记的

vlink

属性所表示的已访问连接颜色。

方法：

open()

打开文档以便

JavaScript

能向文档的当前位置（指插入

JavaScript

的位置）写入数据。通常不需要用这个方法，在需要的时候

JavaScript

自动调用。

write();

writeln()

向文档写入数据，所写入的会当成标准文档

HTML

来处理。writeln()

与

write()

的不同点在于，writeln()

在写入数据以后会加一个换行。这个换行只是在

HTML

中换行，具体情况能不能够是显示出来的文字换行，要看插入

JavaScript

的位置而定。如在pre标记中插入，这个换行也会体现在文档中。

clear()

清空当前文档。

close()

关闭文档，停止写入数据。如果用了

write[ln]()

或

clear()

方法，就一定要用

close()

方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript

是插在文档中的，那就不必使用该方法。

现在我们已经拥有足够的知识来做以下这个很多网站都有的弹出式更新通知了。

复制代码

代码如下:

script

language="JavaScript"

var

whatsNew

=

open('','_blank','top=50,left=50,width=200,height=300,'

+

'menubar=no,toolbar=no,directories=no,location=no,'

+

'status=no,resizable=no,scrollbars=yes');

whatsNew.document.write('centerb更新通知/b/center');

whatsNew.document.write('p最后更新日期：00.08.01');

whatsNew.document.write('p00.08.01：增加了“我的最爱”栏目。');

whatsNew.document.write('p

align="right"'

+

'a

href="javascript:self.close()"关闭窗口/a');

whatsNew.document.close();

/script

当然也可以先写好一个

HTML

文件，在

open()

方法中直接

load

这个文件。

javascript 教程

你看李站的 《悟透javascript》 里边是卡通形式的，但是特别的好，能够教会你对象字面量，面向对象，还有写代码时候的技巧（还有ajax哦）。最后还有一个完整的教你怎么做五子棋的程序。

里边用的东西我觉得很形象，很适合学习的。

然后还有一本是 《javascript精粹》这个主要讲的是js里边的技巧。建议看完上一本后看这个。

《javascript权威指南》 是一本讲里边方法的书，如果你不了解js里边的哪些方法的话，可以看这个。

《javascript程序设计》我觉得是一本特牛的，里边讲了面向对象里所有的名词。建议你看完上边的，学这个，如果这个学完，你就是很牛的了

希望这些对你有帮助。

《JavaScript基础教程（第9版）》pdf下载在线阅读，求百度网盘云资源

《JavaScript基础教程（第9版）》（[美] Dori Smith）电子书网盘下载免费在线阅读

资源链接：

链接：

提取码：8ghp

书名：JavaScript基础教程（第9版）

作者：[美] Dori Smith

译者：陈剑瓯

出版社：人民邮电出版社

出版年份：2015-3

页数：404

内容简介：本书是经典的JavaScript入门书，以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式等内容，循序渐进地给出了JavaScript以及相关的CSS、DOM、Ajax和jQuery等技术。第9版全新改写，新增更多示例和技术介绍，使用流行的jQuery框架向网站轻松添加有用的功能。

本书适合有志于从事Web开发和设计的初学者.也是高等院校相关课程的理想入门教材。

作者简介：Dori Smith

世界知名的Web程序员和设计师，从事软件开发已有20多年。她是Web标准项目（WaSP）指导委员会委员，并发起成立了世界性的女性技术社区Wise-Women Web。

Tom Negrino

蜚声全球的技术作家，长期主持Macworld和许多其他技术杂志的专栏。自1995年开始，与Dori Smith合作著书，向初学者介绍Web，目前已著有数十本书。