《JavaScript学习笔记(1)》由会员分享，可在线阅读，更多相关《JavaScript学习笔记(1)（7页珍藏版）》请在金锄头文库上搜索。
1、JavaScript学习笔记1. JavaScript 能做什么？JavaScript 为 HTML 设计师提供了一种编程工具HTML 创作者往往都不是程序员，但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。JavaScript 可以将动态的文本放入 HTML 页面类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write( + name + )JavaScript 可以对事件作出响应可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面
2、载入完成或者当用户点击某个 HTML 元素时。JavaScript 可以读写 HTML 元素JavaScript 可以读取及改变 HTML 元素的内容。JavaScript 可被用来验证数据在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。JavaScript 可被用来检测访问者的浏览器JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。JavaScript 可被用来创建 cookiesJavaScript 可被用来存储和取回位于访问者的计算机中的信息。2. 把 JavaScript 放置到何处当页面载入时，会执行位于 bo
3、dy 部分的 JavaScript。当被调用时，位于 head 部分的 JavaScript 才会被执行。（1）head 部分：包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。（2）body 部分：执行位于 body 部分的脚本。（3）外部 JavaScript：如何访问外部脚本。3. JavaScript 语句JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。这个 JavaScript 语句告诉浏览器向网页输出 Hello world：document.write(Hello world);通常要在每行语句的结尾加上
4、一个分号。大多数人都认为这是一个好的编程习惯，而且在 web 上的 JavaScript 案例中也常常会看到这种情况。分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾。正因如此，常常会看到一些结尾没有分号的例子。注释：通过使用分号，可以在一行中写多条语句。4. JavaScript 注释可以添加注释来对 JavaScript 进行解释，或者提高其可读性。1.单行的注释以 / 开始。本例用单行注释来解释代码：/ 这行代码输出标题：document.write(This is a header);/ 这行代码输出段落：document.write(This is a p
5、aragraph);document.write(This is another paragraph);2.多行注释以 /* 开头，以 */ 结尾。3.使用注释来防止执行：/document.write(This is another paragraph);4. 在行末使用注释： document.write(Hello); / 输出 Hello document.write(World); / 输出 World 5. JavaScript 变量由于 JavaScript 对大小写敏感，变量名也对大小写敏感。（1）声明（创建） JavaScript 变量在 JavaScript 中创建变量经常
6、被称为“声明”变量。您可以通过 var 语句来声明 JavaScript 变量：var x;var carname;在以上声明之后，变量并没有值，不过您可以在声明它们时向变量赋值：var x=5;var carname=Volvo;注释：在为变量赋文本值时，请为该值加引号。（2）向 JavaScript 变量赋值x=5; carname=Volvo;（3）向未声明的 JavaScript 变量赋值如果您所赋值的变量还未进行过声明，该变量会自动声明。这些语句：x=5;carname=Volvo; 与这些语句的效果相同：var x=5;var carname=Volvo; （4）重新声明 Java
7、Script 变量如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。var x=5;var x; 在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被重置或清除。（5）JavaScript 算术正如代数一样，您可以使用 JavaScript 变量来做算术：y=x-5;z=y+5; 6. JavaScript 运算符如果把数字与字符串相加，结果将成为字符串7. JavaScript 比较和逻辑运算符，If.Else 语句，switch 语句如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：语法：switch(n) case 1:
8、执行代码块 1 break case 2: 执行代码块 2 break default: 如果n即不是1也不是2，则执行此代码 8. JavaScript 消息框可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。（1）警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert(文本)（2）确认框确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。语法：confirm(文本)（3）
9、提示框提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。语法：prompt(文本,默认值)9. JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。（1）将脚本编写为函数，就可以避免页面载入时执行该脚本。函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的 .js 文件，那么甚至可以从其他的页面中调用）。函数在页面起始位置定义，即 部分。
10、function displaymessage()alert(Hello World!)假如上面的例子中的 alert(Hello world!) 没有被写入函数，那么当页面被载入时它就会执行。现在，当用户击中按钮时，脚本才会执行。我们给按钮添加了 onClick 事件，这样按钮被点击时函数才会执行。（2）如何定义函数 ：function 函数名(var1,var2,.,varX) 代码 var1, var2 等指的是传入函数的变量或值。 和 定义了函数的开始和结束。注意：无参数的函数必须在其函数名后加括号：function 函数名()代码注意：别忘记 JavaScript 中大小写字母的重要
11、性。function 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。（3）return 语句因此，需要返回某个值的函数必须使用这个 return 语句。例子下面的函数会返回两个数相乘的值（a 和 b）：function prod(a,b)x=a*breturn x当您调用上面这个函数时，必须传入两个参数：product=prod(2,3)而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。（4）JavaScript 变量的生存期当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退
12、出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。10. JavaScript For 循环，while循环，do.while 循环，Break，Continue，For.In 声明For.In 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。For.In 声明用于对数组或者对象的属性进行循环操作。for . in 循环中的代码每执行一次，就会对数组的元素或
13、者对象的属性进行一次操作。语法：for (变量 in 对象) 在此执行代码变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。实例：使用 for . in 循环遍历数组。var xvar mycars = new Array()mycars0 = Saabmycars1 = Volvomycars2 = BMWfor (x in mycars)document.write(mycarsx + )11. JavaScript 事件事件是可以被 JavaScript 侦测到的行为。（1）事件举例：鼠标点击页面或图像载入鼠标悬浮于页面的某个热点之上在表单中选取输入框确认表单键盘按键事件通常与函数配合使用，当事件发生时函数才会执行。（2）onload 和 onUnload当用户进入或离开页面时就会触发 onload 和 onUnload 事件。onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如，当某用户
