02 JavaScript编程基础 JavaScript语法规则
动态获取用户密码 在浏览网页时,既可以看到静态的文本、图像,也可以看到浮动的动画以及弹出的对话框等。要想实现页面上这些动态的、可交互的网页效果就需要使用JavaScript语言。本节将通过引入JavaScript的相关知识,创建一个“动态获取用户密码”提示框,如下图所示。 案例引入
知识引入 1 JavaScript的引入 知识引入 2 关键字 3 变量
知识点讲解 1、JavaScript的引入 在 HTML文档中引入JavaScript有两种方式,一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;另一种是链接外部JavaScript脚本文件,称为外链式。对它们的具体讲解如下:
知识点讲解 1、JavaScript的引入 (1)内嵌式 在HTML文档中,通过<script>标签及其相关属性可以引入JavaScript代码。当浏览器读取到<script>标签时,就解释执行其中的脚本。其基本语法格式如下: <head> <script type="text/javascript"> // 此处为JavaScript代码 </script> </head>
知识点讲解 1、JavaScript的引入 (2)外链式 当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时,可以将这些脚本代码放置在一个扩展名为.js的文件中,然后通过外链式引入该js文件。 在Web页面中使用外链式引入JavaScript文件的基本语法格式如下: <script type="text/javascript" src="JS文件的路径"></script>
知识点讲解 2、关键字 JavaScript关键字(Reserved Words),又被称为“保留字”,是指在JavaScript语言中被事先定义好并赋予特殊含义的单词。JavaScript常用的关键字如下表所示。 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代表两个不同的变量。
知识点讲解 3、变量 (2)变量的声明与赋值 在JavaScript中,使用变量前需要先对其进行声明。所有的JavaScript变量都由关键字var声明,语法格式如下: 在声明变量的同时也可以对变量进行赋值 例如: var 变量名; var abc=1;
知识点讲解 3、变量 如果只是声明了变量,并未对其赋值,则其默认为undefined。声明变量时,需要遵循的规则如下: 可以使用一个关键字var同时声明多个变量,只需用逗号“,”分隔变量名即可。 例如: 可以在声明变量的同时对其赋值,即初始化。 var a,b,c //同时声明a、b和c三个变量 var a=1,b=2,c=3; //同时声明a、b和c三个变量,并分别对其进行初始化
知识点讲解 3、变量 var语句可以用作for循环和for/in循环的一部分,这样就使循环变量的声明成为循环语法自身的一部分,使用起来比较方便。 使用var语句多次声明同一个变量,如果重复声明的变量已经有一个初始值,那么此时的声明就相当于对变量的重新赋值。