第8章JavaScript编程基础.pptx

让IT教学更简单，让IT学习更有效第八章 JavaScript编程基础JavaScript语法规则节点的访问数组的概念if语句及switch语句?目录【案例23】：动态获取用户密码【案例25】：计算器【案例24】：传智商城下拉菜单8.1 【案例23】动态获取用户密码在浏览网页时，既可以看到静态的文本、图像，也可以看到浮动的动画以及弹出的对话框等。要想实现页面上这些动态的、可交互的网页效果就需要使用JavaScript语言。本节将通过引入JavaScript的相关知识，创建一个“动态获取用户密码”提示框，如下图所示。案例引入8.1 【案例23】知识引入prompt()函数JavaScript的引入alert()函数关键字变量console.log()函数563421知识引入8.1 【案例23】知识点讲解1、JavaScript的引入在 HTML文档中引入JavaScript有两种方式，一种是在HTML文档中直接嵌入JavaScript脚本，称为内嵌式；另一种是链接外部JavaScript脚本文件，称为外链式。对它们的具体讲解如下：8.1 【案例23】知识点讲解1、JavaScript的引入（1）内嵌式在HTML文档中，通过script标签及其相关属性可以引入JavaScript代码。当浏览器读取到script标签时，就解释执行其中的脚本。其基本语法格式如下：headscript type=text/javascript // 此处为JavaScript代码/script/head8.1 【案例23】知识点讲解1、JavaScript的引入（2）外链式当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时，可以将这些脚本代码放置在一个扩展名为.js的文件中，然后通过外链式引入该js文件。在Web页面中使用外链式引入JavaScript文件的基本语法格式如下：script type=text/javascript src=JS文件的路径/script8.1 【案例23】知识点讲解2、关键字 JavaScript关键字（Reserved Words），又被称为“保留字”，是指在JavaScript语言中被事先定义好并赋予特殊含义的单词。JavaScript常用的关键字如下表所示。abstractcontinuefinallyinstanceofprivatethisbooleandefaultfloatintpublicthrowbreakdoforinterfacereturntypeofbytedoubleFunctionlongshorttruecaseelsegotonativestaticvarcatchextendsimplementsnewsupervoidcharfalseimportnullswitchwhileclassfinalinpackagesynchronizedwith8.1 【案例23】知识点讲解3、变量（1）变量的命名在编程过程中，经常需要定义一些符号来标记某些名称，如函数名、变量名等，这些符号被称为标识符。在JavaScript中，标识符主要用来命名变量和函数。其中，命名变量时需要注意以下几点：必须以字母或下划线开头，中间可以是数字、字母或下划线。变量名不能包含空格、加、减等符号。不能使用JavaScript中的关键字作为变量名，如var int。JavaScript的变量名严格区分大小写，如UserName与username代表两个不同的变量。8.1 【案例23】知识点讲解3、变量（2）变量的声明与赋值在JavaScript中，使用变量前需要先对其进行声明。所有的JavaScript变量都由关键字var声明，语法格式如下：在声明变量的同时也可以对变量进行赋值例如：var 变量名;var abc=1;8.1 【案例23】知识点讲解3、变量如果只是声明了变量，并未对其赋值，则其默认为undefined。声明变量时，需要遵循的规则如下：可以使用一个关键字var同时声明多个变量，只需用逗号“，”分隔变量名即可。例如：可以在声明变量的同时对其赋值，即初始化。例如：var a,b,c //同时声明a、b和c三个变量var a=1,b=2,c=3； //同时声明a、b和c三个变量，并分别对其进行初始化8.1 【案例23】知识点讲解3、变量var语句可以用作for循环和for/in循环的一部分，这样就使循环变量的声明成为循环语法自身的一部分，使用起来比较方便。使用var语句多次声明同一个变量，如果重复声明的变量已经有一个初始值，那么此时的声明就相当于对变量的重新赋值。8.1 【案例23】知识点讲解4、prompt()函数prompt()方法是JavaScript中窗口window对象的一个常用方法，用于显示和