标签：javascript dom javascript基础教程
前段时间看javascript高级教程的时候，发现很多基础的javascript概念，自己不懂.
网上搜了一下，看到大家对《javascript基础教程（第8版）》评价不错，买了一本。
翻开看了后，受益匪浅，决定将这本书推荐给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:
}
}
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基础教程》
标签：javascript dom javascript基础教程
原文地址：http://blog.csdn.net/magi1201/article/details/43710787
