JavaScript编程基础（JavaScript语法规则）

02 Javascript编程基础 JavaScript语法规则 LD STANI html

让IT教学更简单，让IT学习更有效 02 JavaScript编程基础 • JavaScript语法规则

动态获取用户密码 在浏览网页时,既可以看到静态的文 本、图像,也可以看到浮动的动画以及弹出 的对话框等。要想实现页面上这些动态的、 案例引入 可交互的网页效果就需要使用 Javascript语 言。本节将通过引入 Java Script的相关知 识,创建一个“动态获取用户密码”提示 框,如下图所示。 请输入您的密码! 取消 9②

动态获取用户密码 在浏览网页时，既可以看到静态的文 本、图像，也可以看到浮动的动画以及弹出 的对话框等。要想实现页面上这些动态的、 可交互的网页效果就需要使用JavaScript语 言。本节将通过引入JavaScript的相关知 识，创建一个“动态获取用户密码”提示 框，如下图所示。 案例引入

知识引入 1. JavaScript的引入 知识引入 2.关键字 3,变量 9②

知识引入 JavaScript的引入 关键字 变量 知识引入

知识点讲解 1、 JavaScript的引入 在HTML文档中引入 JavaScript有两种方式,一种是在HTML文档中直接嵌 入 JavaScript脚本,称为内嵌式;另一种是链接外部 JavaScript脚本文件,称为 外链式。对它们的具体讲解如下: 9②

知识点讲解 在 HTML文档中引入JavaScript有两种方式，一种是在HTML文档中直接嵌 入JavaScript脚本，称为内嵌式；另一种是链接外部JavaScript脚本文件，称为 外链式。对它们的具体讲解如下： 1、JavaScript的引入

知识点讲解 1、 JavaScript的引入 (1)内嵌式 在HTML文档中,通过标签及其相关属性可以引入 JavaScript代码。 当浏览器读取到 [点击查看demo 9②

知识点讲解 （1）内嵌式 在HTML文档中，通过标签及其相关属性可以引入JavaScript代码。 当浏览器读取到标签时，就解释执行其中的脚本。其基本语法格式如 下： 1、JavaScript的引入 // 此处为JavaScript代码

知识点讲解 1、 JavaScript的引入 (2)外链式 当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时,可以将这 些脚本代码放置在一个扩展名为js的文件中,然后通过外链式引入该s文件。 在Web页面中使用外链式引入 JavaScript文件的基本语法格式如下 ≤ script type=" text/javascript"sc="JS文件的路径"> [点击查看demo 9②

知识点讲解 （2）外链式 当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时，可以将这 些脚本代码放置在一个扩展名为.js的文件中，然后通过外链式引入该js文件。 在Web页面中使用外链式引入JavaScript文件的基本语法格式如下： 1、JavaScript的引入

知识点讲解 2、关键字 JavaScript关键字( Reserved words),又被称为“保留字”,是指在 JavaScript语言中被事先定义好并赋予特殊含义的单词。 JavaScript常用的关键 字如下表所示。 abstract continue instanceof private boolean default float public throw break nterface eturn typeof byte double function long short true ese native static var catch extends implements new su void char false import null witch while class final pacKage ynchronized 9②

知识点讲解 JavaScript关键字（Reserved Words），又被称为“保留字”，是指在 JavaScript语言中被事先定义好并赋予特殊含义的单词。JavaScript常用的关键 字如下表所示。 2、关键字 abstract continue finally instanceof private this boolean default float int public throw break do for interface return typeof byte double function long short true case else goto native static var catch extends implements new super void char false import null switch while class final in package synchronized with

知识点讲解 3、变量 (1)变量的命名 在编程过程中,经常需要定义一些符号来标记某些名称,如函数名、变量名 等,这些符号被称为标识符。在 JavaScript中,标识符主要用来命名变量和函 数。其中,命名变量时需要注意以下几点: 必须以字母或下划线开头,中间可以是数字、字母或下划线。 ·变量名不能包含空格、加、减等符号。 不能使用 JavaScript中的关键字作为变量名,如 var int JavaScript的变量名严格区分大小写,如 UserName与 username代表两个◆ 不同的变量。 9②

知识点讲解 （1）变量的命名 在编程过程中，经常需要定义一些符号来标记某些名称，如函数名、变量名 等，这些符号被称为标识符。在JavaScript中，标识符主要用来命名变量和函 数。其中，命名变量时需要注意以下几点： • 必须以字母或下划线开头，中间可以是数字、字母或下划线。 • 变量名不能包含空格、加、减等符号。 • 不能使用JavaScript中的关键字作为变量名，如var int。 • JavaScript的变量名严格区分大小写，如UserName与username代表两个 不同的变量。 3、变量

知识点讲解 3、变量 (2)变量的声明与赋值 在 JavaScript中,使用变量前需要先对其进行声明。所有的 JavaScript变量 都由关键字va声明,语法格式如下: var变量名 在声明变量的同时也可以对变量进行赋值 例如: var abc=1 9②

知识点讲解 （2）变量的声明与赋值 在JavaScript中，使用变量前需要先对其进行声明。所有的JavaScript变量 都由关键字var声明，语法格式如下： 在声明变量的同时也可以对变量进行赋值 例如： 3、变量 var 变量名; var abc=1;

知识点讲解 3、变量 如果只是声明了变量,并未对其赋值,则其默认为 undefined。声明变量 时,需要遵循的规则如下: ·可以使用一个关键字var同时声明多个变量,只需用逗号“,”分隔变量 名即可。 例如: var a, b c ∥同时声明a、b和c三个变量 可以在声明变量的同时对其赋值,即初始化。 例如: vara=1,b=2,c=3;∥同时声明a、b和c三个变量,并分别对其进行初始化

知识点讲解 如果只是声明了变量，并未对其赋值，则其默认为undefined。声明变量 时，需要遵循的规则如下： • 可以使用一个关键字var同时声明多个变量，只需用逗号“，”分隔变量 名即可。 例如： • 可以在声明变量的同时对其赋值，即初始化。 例如： 3、变量 var a,b,c //同时声明a、b和c三个变量 var a=1,b=2,c=3； //同时声明a、b和c三个变量，并分别对其进行初始化