JavaScript 语法基础
时间：2025-07-08
理解什么是JavaScript理解JavaScript的语法基础
JavaScript 语法基础
理解什么是JavaScript理解JavaScript的语法基础
目标理解什么是JavaScript 理解JavaScript的语法基础
理解什么是JavaScript理解JavaScript的语法基础
什么是JavaScriptJavaScript是一种基于对象的脚本语言，用 于开发基于客户端和基于服务器的Internet 应用程序 可用于创建客户端脚本和服务器端脚本 由Sun Microsystems 和 Netscape 开发，是 从 Netscapes 的 Livescript 发展而来的
理解什么是JavaScript理解JavaScript的语法基础
JavaScript的作用和基本语法规则
使用 JavaScript 的各种功能，可以增强站点的动 态性和交互性。– 提供用户交互 – 动态更改内容 – 验证数据
与其他任何语言一样，JavaScript 也遵循一些基 本的语法规则，如：– – – – 区分大小写 使用成对的符号 使用空格 使用注释4
理解什么是JavaScript理解JavaScript的语法基础
JavaScript 工具和运行时环境
JavaScript 代码生成工具和 IDE 有助于创建 功能强大的 JavaScript 代码。以下是其中 一些工具：– 对话框 – 弹出菜单生成器 – 远程控件
运行时环境– 客户端脚本编写 – Web 服务器上的 JavaScript5
理解什么是JavaScript理解JavaScript的语法基础
JavaScript作为客户端程序嵌入网页使用Script标记 使用外部文件 在事件处理程序中使用JavaScript
理解什么是JavaScript理解JavaScript的语法基础
使用Script标记示例<HTML> <HEAD> <script language = "JavaScript"> <!--对较早的浏览器隐藏脚本 document.write("欢迎使用JavaScript"); //脚本隐藏在此处结束 --> </script> </head> <body> <P>祝学有所成!!!</P> </body> </HTML>7
理解什么是JavaScript理解JavaScript的语法基础
使用外部文件示例<HTML> <HEAD> <script src = "test.js"> </script> </head> <body> <P>祝学有所成!!! </body> </html>test.js document.write("嗨！你好吗？")
理解什么是JavaScript理解JavaScript的语法基础
在事件处理程序中使用JavaScript示例<HTML> <HEAD> <TITLE>JavaScript示例</TITLE> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="你好" onClick='alert("你好！!"); '> </FORM> </BODY> </HTML>
理解什么是JavaScript理解JavaScript的语法基础
使用Alert/Confirm/Write方法
使用窗口的Alert方法，可以生成一个对话框 使用窗口的Confirm方法，可以生成一个确认对话框 使用document的Write方法可以创建页面内容
<HTML><HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-alert("确定"); document.write("谢谢!"); if(confirm("是否要关闭当前窗口？")) {window.close();} --> </SCRIPT> </HEAD></HTML>
理解什么是JavaScript理解JavaScript的语法基础
变量变量是一种引用内存位置的容器，用于保 存在执行脚本时可以更改的值 变量的命令约定
– 变量名必须以字母或下划线 (_) 开头 – 变量名可以包含数字 – 由于JavaScript区分大小写，所以可用的字母包 括A到Z(大写)和a到z(小写)的字符
理解什么是JavaScript理解JavaScript的语法基础
声明变量var new_amount; var answer = null; var old_cost = 12.50; var result ="Unknown result"; var a, b, c; result = true;
理解什么是JavaScript理解JavaScript的语法基础
变量的作用域脚本 Function1、 Function2和 Function3都 可以访问 全局变量 Function1 局部变量a Function2 局部变量b
Function3 局部变量c
理解什么是JavaScript理解JavaScript的语法基础
数据类型
在JavaScript中有四种基本
的数据类型 基本类型属于弱类型
数据类型 数字型 (Number) 整数或实数
描述
逻辑型或布尔型 (Boolean) True或False 字符串型(String) 如“Hello World”,“123.4”
空型 (null)
表示空值的特殊关键字
理解什么是JavaScript理解JavaScript的语法基础
运算符算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符
理解什么是JavaScript理解JavaScript的语法基础
算术运算符运算符 + * / % 说明 如果操作数都是数字时执行加法运算，如果其 中的操作数有字符串时，会执行连接字符串的 作用 减法 乘法 除法 取余 - 相除之后的余数 一元递增。此运算符只计算一个操作数，将操 作数的值加1。返回的值取决于++运算符是位 于操作数之前还是位于操作数之后。 一元递减。此运算符只计算一个操作数。返回 的值取决于--运算符是位于操作数之前还是位 于操作数之后 示例 A = 5 + 8 //结果是13 A ="5"+ 8 //结果是"58" A=8 –5 A=8 *5 A = 20 / 5 10 % 3 = 1 ++x返回递增后的x值 x++返回递增前的x值 --x返回递减后的x值 x--返回递减前的x值
++
--
-
一元求反。此运算符返回操作数的相反数
如果a等于5,则-a =-516
…… 此处隐藏：619字，全部文档内容请下载后查看。喜欢就下载吧 ……
JavaScript 语法基础.doc
将本文的Word文档下载到电脑
