《讲义JavaScript基础》由会员分享，可在线阅读，更多相关《讲义JavaScript基础（57页珍藏版）》请在金锄头文库上搜索。
1、JavaScript 基础JavaScript 简介什么是 JavaScript？ JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 由数行可执行计算机代码组成。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种编译语言（就是说，代码执行不进行预编译）。 所有的人无需购买许可证均可使用 JavaScript。 JavaScript 能做什么？JavaScript 为 HTML 设计师提供了一种编程工具 HTML 创作者往往都不是程序员，但是 Jav
2、aScript 却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。 JavaScript 可以将动态的文本放入 HTML 页面 类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write( + name + ) JavaScript 可以对事件作出响应 可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML 元素时。 JavaScript 可以读写 HTML 元素 JavaScript 可以读取及改变 HTML 元素的内容。 Jav
3、aScript 可被用来验证数据 在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。 JavaScript 可被用来检测访问者的浏览器 JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。 JavaScript 可被用来创建 cookies 如何实现 JavaScriptHTML 的 标签被用来将 JavaScript 插入 HTML 页面当中。如何把 JavaScript 放入 HTML 页面document.write(Hello World!)上面的代码会在 HTML 页面中产生这样的输出：Hello World! 实
4、例解释：如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 标签（同时使用 type 属性来定义脚本语言）。这样， 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。.document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。把 document.write 命令输入到 之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 Hello World!。document.write(Hello World!)注意：如果我们不使用 标签，浏览器就会把 document.write(Hello
5、World!) 当作纯文本来处理，也就是说会把这条命令本身写到页面上。用分号来结束声明？传统的编程语言中，例如 C+ 和 Java，每行语句都用分号来结束。在编写 JavaScript 时，许多程序员也保留了这个习惯，但是一般来说，分号是一个可选项。不过，假如您在一行中书写超过不止一条语句，那么分号则是必需的。如何与老的浏览器打交道那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。把 JavaScr
6、ipt 放置到何处当页面载入时，位于 body 部分的 JavaScripts 将会执行。当被调用时，位于 head 部分的 JavaScripts 才会被执行。在哪里放置 JavaScript页面中的脚本会在页面被载入浏览器后立即得到执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。位于 head 部分的脚本：当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。.位于 body 部分的脚本：在页面被载入时脚本就会被执行。当你把脚本放置于 body
7、部分后，它就会生成页面的内容。.在 body 和 head 部分的脚本：你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。.使用外部 JavaScript有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。注意：外部文件不能包含 标签。然后把 .js 文件指定给 标签中的 src 属性，就可以使用这个外部文件了：JavaScript 变量变量是存储信息的容器。在脚本中，变量的值可以更改。你可以使用变量
8、名来获得或者修改它的值。变量名的规则： 变量名对大小写敏感 变量名起始于字母或者下划线 重要事项：JavaScript 对大小写敏感。strname 和 STRNAME 是两个不同的变量。声明变量使用 var 语句来创建变量：var strname = some value不使用 var 也可以创建变量：strname = some value为变量赋值像这样为变量赋值：var strname = Hege 或者像这样：strname = Hege 表达式左边的是变量名，右边是值。现在，我们为 strname 变量赋于了 Hege 这个值。变量的寿命在函数中声明的变量只能在函数中使用。当你退出
9、函数时，变量就会被释放。这种变量被称为局部变量。因为每个局部变量只在各自的函数中有效，所以你可以在不同的函数中使用名称相同的变量。如果在函数之外声明变量，那么页面中所有的函数都可以使用它。在全局变量被声明后，它们就开始生效了。在网页被关闭后，变量才会失效。JavaScript If.Else 语句JavaScript 中的条件语句用于完成不同条件下的行为。条件语句在您编写代码时，经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。在 JavaScript 中，我们可以使用下面几种条件语句：if 语句 在一个指定的条件成立时执行代码。 if.else 语句 在指定的条件
10、成立时执行代码，当条件不成立时执行另外的代码。 if.else if.else 语句 使用这个语句可以选择执行若干块代码中的一个。 switch 语句 使用这个语句可以选择执行若干块代码中的一个。 If 语句如果希望指定的条件成立时执行代码，就可以使用这个语句。语法：if (条件 )条件成立时执行代码 注意：请使用小写字母。使用大写的 IF 会出错！实例 1/Write a Good morning greeting if/the time is less than 10var d=new Date()var time=d.getHours()if (timeGood morning)实例 2
11、/Write Lunch-time! if the time is 11var d=new Date()var time=d.getHours()if (time=11) document.write(Lunch-time!)注意：请使用双等号 (=) 来比较变量！注意：在语法中没有 else。仅仅当条件为 ture 时，代码才会执行。If.else 语句如果希望条件成立时执行一段代码，而条件不成立时执行另一段代码，那么可以使用 if.else 语句。语法：if (条件 )条件成立时执行此代码else条件不成立时执行此代码实例/If the time is less than 10,/you
12、will get a Good morning greeting./Otherwise you will get a Good day greeting.var d = new Date()var time = d.getHours()if (time If.else if.else 语句当需要选择多套代码中的一套来运行时，请使用 if.else if.else 语句。语法：if (条件 1)条件 1 成立时执行代码else if (条件 2)条件 2 成立时执行代码else条件 1 和条件 2 均不成立时执行代码实例：var d = new Date()var time = d.getHou
13、rs()if (timeGood morning)else if (time10 & timeGood day)elsedocument.write(Hello World!)JavaScript Switch 语句JavaScript 中的条件语句用于完成基于不同条件的行为。如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：语法：switch(n)case 1:执行代码块 1breakcase 2:执行代码块 2breakdefault:如果 n 即不是 1 也不是 2，则执行此代码工作原理：switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。然后表达式中的
14、值会与 case 中的数字作比较，如果与某个 case 相匹配，那么其后的代码就会被执行。 break 的作用是防止代码自动执行到下一行。实例：/You will receive a different greeting based/on what day it is. Note that Sunday=0,/Monday=1, Tuesday=2, etc.var d=new Date()theDay=d.getDay()switch (theDay)case 5:document.write(Finally Friday)breakcase 6:document.write(Super S
15、aturday)breakcase 0:document.write(Sleepy Sunday)breakdefault:document.write(Im looking forward to this weekend!)JavaScript 运算符算术运算符运算符 描述 例子 结果+ 加 x=2 y=2 x+y 4- 减 x=5 y=2 x-y 3* 乘 x=5 y=4 20 x*y / 除 15/5 5/2 3 2.5 % 求系数 (保留整数) 5%2 10%8 10%2 1 2 0 + 累加 x=5 x+ x=6- 递减 x=5 x- x=4赋值运算符运算符 例子 等效写法= x=y x=y+= x+=y x=x+y-= x-=y x=x-y*= x*=y x=x*y/= x/=y x=x/y%= x%=y x=x%y比较运算符运算符 描述 例子= 等于 5=8 返回值为 false= 等于(检查值和类型) x=5 y=5 x=y 返回值为 true x=y 返回值为 false != 不等于 5!=8 返回值为 true 大于 58 返回值为 false= 大于等于 5=8 返回值为 false 1) 返回值为 true |
