JavaScript语言入门
JavaScript语言入门
JavaScript语言入门
1 JavaScript简介
Javascript是由Netscape公司创造的一种脚本语言。它曾经几次改名，最终才定为javascript。作为一门独立的编程语言，javascript自然可以做很多的事情，不过它最主流的应用还是在Web上——创建动态网页(许多人喜欢叫网页特效)。Javascript目前在网络上应用十分广泛，几乎所有的动态网页里都能找到它的身影。目前流行的AJAX从很大程度上也是依赖于Javascript而存在的。 概括地说，JavaScript就是一种基于对象和事件驱动，并具有安全性能的脚本语言。对象和事件是JavaScript的两个核心。
JavaScript是一种脚本语言。脚本语言的特点是比较简单、易学，即使是程序设计新手也可以非常容易地使用JavaScript进行简单的编程。
JavaScript可以被嵌入到HTML文件中，不需要经过Web服务器就可以对用户操作作出响应，使网页更好地与用户交互；在利用客户端个人电脑性能资源的同时，适当减小服务器端的压力，并减少用户等待时间。 2 将JavaScript 插入网页的方法
与在网页中插入CSS的方式相似，使用<script>标签在网页中插入Javascript代码。
使用下面的代码可以在网页中插入JavaScript： <script type="text/JavaScript" language="javascript"> ... </script>
language="javascript"表示使用JavaScript脚本语言，脚本语言还有vbscript、jsscript等，如果没有language属性，表示默认使用JavaScript脚本。其中的...就是代码的内容。例如：
<script type="text/JavaScript">
document.write("我是菜鸟我怕谁!"); </script>
JavaScript使用document.write来输出内容。将会输出在网页上输出：我是菜鸟我怕谁! 学过编程的人应该知道，“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓，学到后面就知道什么时候应该加双引号，什么时候不需要加了。
有些浏览器可能不支持JavaScript，我们可以使用如下的方法对它们隐藏JavaScript代码。 <html> <body>
<script type="text/JavaScript"> <!--
document.write("我是菜鸟我怕谁!"); //-->
</script> </body>
</html>
<!-- -->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释，而对于支持JavaScript的浏览器，这段代码仍然会执行。至于“//”符号则是JavaScript里的注释符号，在这里添加它是为了防止JavaScript试图执行-->。不过通常情况下，现在的浏览器几乎都支持JavaScript，即使是不支持的，也会了解如何合理地处理含有JavaScript的网页。
JavaScript的插入位置不同，效果也会有所不同，还可以像CSS一样，将JavaScript保存成一个外部文件，这些内容会在下一节讨论。 3 插入JavaScript的位置
JavaScript脚本可以放在网页的head里或者body部分，而且效果也不相同。
（1）放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行，例如： <html> <body>
<script type="text/JavaScript"> <!--
document.write("我是菜鸟我怕谁!"); //-->
</script> </body>
（2）在head部分的脚本在被调用的时候才会执行，例如： <html> <head>
<script type="text/JavaScript"> ....
</script> </head>
通常是在<script>...</script>定义函数，通过调用函数来执行head里的脚本。 （3）也可以像添加外部CSS一样添加外部JavaScript脚本文件，其后缀通常为.js。例如： <html> <head>
<script src="scripts.js"></script> </head> <body> </body> </html>
如果很多网页都需要包含一段相同的代码，那么将这些代码写入一个外部JavaScript文件是最好的方法。此后，任何一个需要该功能的网页，只需要引入这个js文件就可以了。
注意：脚本文件里头不能再含有<script>标签。 注：放在body里的函数是一个例外，它并不会被执行，而是等被调用时才会执行。关于函数与调用的概念将在后面讲到。
4 JavaScript 语句
本节介绍Javasctipt中的语句，语句是编程的一个基本概念。
先来看看我们之前例子。
<script type="text/JavaScript"> <!--
document.write("我是菜鸟我怕谁!"); //-->
</script>
例子中的 document.write("我是菜鸟我怕谁!");
就是一个JavaScript语句，它可以告诉浏览器做出一个特定任务。特别的，这个语句是叫浏览器书写出一段内容。我们已经知道，document.write的功能是输出文本，所以上面那个语句就是让浏览器输出“我是菜鸟我怕谁!”。
在JavaScript中，一行的结束就被认定为语句的结束。但是最好还是要在结尾加上一个分号“;”来表示语句的结束。这是一个编程的好习惯，事实上在很多语言中句末的分号都是必须的。 看看下面这个代码块
<script type="text/javascript"> {
document.write("<h1>This is a header</h1>"); document.write("<p>This is a paragraph</p>"); document.write("<p>This is another paragraph</p>"); }
</script>
5 JavaScript 注释
HTML、CSS里都有注释，JavaScript里自然也有注释，而且分为单行注释与普通注释两种。 5.1单行注释
插入单行注释的符号是“//” <script type="text/javascript"> // 我是注释，我是注释
document.write("我是菜鸟我怕谁？"); </script> 5.2多行注释
多行注释以"/*"开始，以"*/"结束。 <script type="text/javascript"> /*
谁说菜鸟不会编程？ 菜鸟不但会编程
还有书写注释的良好习惯 */
document.write("我是菜鸟我怕谁？"); </script>
相信你已经了解注释的作用了。HTML的注释不会被浏览器作为HTML解释，CSS注释也不会被浏览器解释。同理，JavaScript的注释也不会被执行。
注释的作用就是记录自己在编程时候的思路，以便以后自己阅读代码时可以马上找到思路。同样，注释也有助于别人阅读自己书写的JavaScript代码。总之书写注释是一个良好的编程习惯。 6 JavaScript 变量 （1）什么是变量
在代数中，我们会遇到下面的基础问题，如果a的值为5，b的值为6，那么a与b的和是多少？在这个问题中，我们就可以把a和b看做变量，再设置一个变量c来保存a与b的和。
那么，上面的这个问题就可以用如下的JavaScript代码表示：
<script type="text/javascript"> // 计算a + b的和 a = 5;//给变量a赋值 b = 5;//给变量b赋值
c = a + b;//c 为 a + b 的和
document.write(c);//输出c的值 </script>
执行结果：10
在上面的例子中，我们用到了三个变量：a，b，c。这些都是变量的名字，在JavaScript中，我们需要用变量名来访问这个变量。在JavaScript中，变量名有如下规定： ? 变量名区分大小写，A与a是两个不同变量。 ? 变量名必须以字母或者下划线开头。 （2）声明变量
我们可以用var声明变量,比如： <script type="text/javascript"> var a ; //声明一个变量a a = 5 ; //给变量赋值 </script>
其实在第一个例子中我们已经看到了，JavaScript中可以不声明变量直接赋值。不过先声明变量是一个良好的编程习惯。 （3）给变量赋值
来看一个上面出现过的语句： a = 5 ;
这个语句怎么读出来呢？“a等于5”？
对不起，不对。应该是“让a等于5”，说得专业一点，这叫“给a赋值”。
我们之前已经提到过，a是变量，是可以变的，所以从某种角度来说，它不等于任何值，只是暂时的等于某个值。来看下面这个例子，进一步熟悉一下赋值与等于的关系：
a = 5;//让a等于5，a的值暂时等于5 a = 6;//让a等于6，a的值暂时等于6
再次强调，如果JavaScript是你学习的第一门编程语言，一定要注意区分“等于”和“赋值”这两个不同的概念。
