javascript入门书籍推荐《javascript基础教程》

前段时间看javascript高级教程的时候,发现很多基础的javascript概念,自己不懂.

网上搜了一下,看到大家对《javascript基础教程(第8版)》评价不错,买了一本。

作者: (美)Tom Negrino Dori Smith

译者: 陈剑瓯 柳靖

丛书名: 图灵程序设计丛书

出版社:人民邮电出版社

翻开看了后,受益匪浅,决定将这本书推荐给javascript的入门童鞋。

这本书的读者,要有一定的HTML基础,因为javascript基本都是对Dom的操作,所以,有一定的HTML基础看起来比较方便。这本书最大的好处,就是它的每一行代码,都给做详细的讲解,可以说是手把手带着读者入门。

举个例子:

第二章 2.10 章节,使用多级条件中

脚本 2-14 这段HTML建立多级条件页面

<!DOCTYPE html><html><head><title>Switch/Case handling</title><script src="script09.js"></script></head><body><h2>Famous Presidential Quotes</h2><form action="#"><input type="button" id="Lincoln" value="Lincoln"> <input type="button" id="Kennedy" value="Kennedy"><input type="button" id="Nixon" value="Nixon"></form></body></html>

脚本 2-15 这种条件语句允许针对多种可能性进行检查

window.onload = initAll;function initAll() {document.getElementById("Lincoln").onclick = saySomething;document.getElementById("Kennedy").onclick = saySomething;document.getElementById("Nixon").onclick = saySomething;}function saySomething() {switch(this.id) {case "Lincoln":alert("Four score and seven years ago…");break;case "Kennedy":alert("Ask not what your country can do for you…");break;case "Nixon":alert("I am not a crook!");break;default:}}使用switch/case 语句

1. window.load = initAll;

当加载页面时,调用initAll() 函数

2. function initAll() {

document.getElementById("Lincoln").onclick = saySomething;

document.getElementById("Kennedy").onclick = saySomething;

document.getElementById("Nixon").onclick = saySomething;

}

在这个函数中,我们为页面上的每个按钮设置了onclick 处理程序。因为在HTML中设置了id属性和value属性,所以可以使用getElementById() 设置事件处理程序。如果有value属性,就可以使用getElementById() 调用,那么就不必设置id属性。

3. function saySomething() {

这一行开始saySomething()函数

4. switch(this.id) {

this 对象的id用作switch() 的参数。这个值将决定执行以下case语句中的哪一个。

5. case ‘Lincoln" :

alert("Four score and seven years ago…");

break;

如果this对象的id是Lincoln,,那么现实这个警告消息。如果用户单击Lincoln,就会进入这里的代码。但是在这里已经执行了我们需要的操作,所以我们希望离开这个switch语句,为此,需要使用break语句。如果没有break,就会继续执行下面的所有代码。尽管某些情况下继续执行下面的分支是我们需要的效果,但是在这个示例中不应该这么做。

6. case "Kennedy":

alert("Ask not what your country can do for you…");

break;

如果用户单击Kennedy,就会进入这个case块。

7. case "Nixon":

alert("I am not a crook!");

break;

最后,如果用户单击Nixon,就会进入这里,这里弹出另一个警告对话框。然后退出switch语句。

8. default:

如果用户的输入与上面的条件都不匹配,那么就会执行这里的代码。也就是说,如果switch 值与任何case值都不匹配,就会进入default部分。default部分块是可选的,但是包含default块是一种好的编程习惯,可以以防万一。在这个脚本中,这里没有必要执行的代码,因为我们应该不可能进入default部分。

9. }

这个右花括号结束switch语句。

上面的是书中的一个小例子,书中通篇的例子都是这个模样,基本都是一行一行的解释过去的,很适合新入门学习javascript的同学。

这本书偏重于javascript的认识和应用,看完这本书,基本的javascript语句应该就不再是问题了。

有兴趣的同学,可以去买本看看噢。

梦想,并不奢侈,只要勇敢地迈出第一步。

javascript入门书籍推荐《javascript基础教程》

相关文章:

你感兴趣的文章:

标签云: