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

最新推荐文章于 2023-12-05 11:49:35 发布

姜小白-

最新推荐文章于 2023-12-05 11:49:35 发布

阅读量3.5k

点赞数

分类专栏： javascript 文章标签： javascript DOM javascript基础教程

本文链接：https://blog.csdn.net/magi1201/article/details/43710787

版权

javascript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

前段时间看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语句应该就不再是问题了。

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

姜小白-

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
javascript入门书籍推荐《javascript基础教程》

在这个函数中，我们为页面上的每个按钮设置了onclick 处理程序。因为在HTML中设置了id属性和value属性，所以可以使用getElementById() 设置事件处理程序。如果有value属性，就可以使用getElementById() 调用，那么就不必设置id属性。3. function saySomething() {这一行开始saySomething()函数4. switch(this.id) {this 对象的id用作switch() 的参数。这个值将决定执行以下case语句
复制链接

扫一扫