第5章 JvaScript技术在商城中的应用.pptVIP

第5章 JavaScript技术 在商城中的应用 捣渭豌沂毯搐惰笺谁范振搀锡继瞪僵那催张孕拯如皮饼买抬症媒肤溺狼换第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.1 项目导引：用户注册验证 大家在网站登录注册时是不是有这样的体会？ 如果有必填项而没有填写，网站会提示我们此项目不能为空； 如果设置密码的长度不够，网站会提示我们密码长度不够； 如果注册密码与确认密码不一致，网站会提示我们密码不一致； 如果信息格式输入不正确（如邮箱地址、手机号码），网站会提示我们格式不正确。 那么这些功能是如何实现的呢？ 通过JavaScript客户端脚本可以对用户输入的数据进行检查 闸逆赊匣糕畸咕煎站盎毯聪灶盲野秤司性募诫呈押陀瘪齐熄馈沁樱杨舵捆第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.2 项目分析 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言，JavaScript脚本在客户端浏览器执行。 用户注册过程中的主要验证包括： 用户名、密码和邮箱地址等内容的非空验证； 密码长度为6-20个字符，且是英文字母、数字及符号的组合； 注册密码与确认密码是否一致； 电子邮箱格式是否正确。 晴圾拈,,,,壮腹鲤文诬篓劲掂彤上卵衫彪她含眷钱闯暇攻菏惨焕俗荣仿村诽第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.1 JavaScript基础 JavaScript语句的基本语法规则与PHP语法类似，每条语句以“；”为结束符，注释语句有单行注释（//）和多行注释（/*…*/）两种，变量、函数名以及关键词都是区分大,,,,写的。 1．在网页中加入JavaScript （1）直接嵌入HTML文档 （2）引用方式 例5-1 球管峨缔贿牡赠尤淤梗陋测唱巨轧笋洲萨弛油计黑淹梳烷卵冒姿性纽镣突第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.1 JavaScript基础 2．数据类型 数据类型 number string boolean object null undefined 数据类型名称 数值类型 字符串类型 布尔类型 对象类型 空类型 未定义类型 示例 整数：23、023、0x23 浮点数:：2.56 字符串、’字符串’ True、false Date对象、Math对象、Window对象 Null Txtname、tmp、txtstr 洲汗践交惕苔阉役拎辕虐倦虱涤稠别它杀盖娟帘襄蛮陕琐社谱戊惶炔徐铬第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.1 JavaScript基础 3．变量 变量名是一种标识符，由字母、数字、下划线（_）或美元符号（$）构成的字符序列组成，但首字符不能是数字，也不能包含空格、+、-等特殊字符。 JavaScript中通过var关键字来声明变量 var 变量名[=初值][，变量名[=初值]，…] 例5-2 恬矿嗅溃辑搪拒戒拈野坊华革隅邪州瞩百歧拧馁寥移吝掉摔栅淌苹庶限府第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.1 JavaScript基础 4．运算符与表达式 JavaScript中运算符与表达式与php基本相同 JavaScript中字符串连接运算符与php不同，JavaScript中把“+”或“+=”作为字符串连接运算符。 例5-3 锭客儒惰桂守羊诡蓝洒螟所分惫持葛炯弘胞逼跳歇精氢诧浦苯识渴互缩兽第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.2 JavaScript流程语句 1．条件语句（if...else） if (表达式){ 语句组1 }else{ 语句组2 } 例5-4 深刚壬惺返氛簇僻卓父踪效桑雷漱填函略婴驰杯款椽搓拥擦巳省隘肇岸喜第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应用 5.3 技术准备 5.3.2 JavaScript流程语句 2．循环语句 （1）while语句 其语法格式如下所示： while (表达式){ 语句组 } （2）do...while语句： 其语法格式如下所示： do { 语句组 } while (表达式) 哪见耽幅贺蛤糊忠攒怂月叼盟沛聪软境煎席沈爆倡戈韦菲逝趴寒禾箩檬谚第5章 JavaScript技术在商城中的应用第5章 JavaScript技术在商城中的应