JavaScript实战1:类淘宝购物车功能实现及数据类型知识点!

此篇文章讲解目录:

案例和由此案例重点讲解的知识点介绍

案例代码实现

数据类型知识点详解

案例和相关知识点介绍

案例相关效果图

该案例涉及到的知识点

js变量

js数据类型

js运算符

案例代码实现

第一步:编写表单的html

依次拷贝出两个tr,让我们购物车多几件商品,只需要拷贝上一行代码,然后修改一下标题。价格即可

第二步:编写该表单的样式css

第三步:引入方便的jquery库,方便我们使用

第四步:绑定减少数量的按键,并获取上一元素的单价,将字符串转换成数字,同时获取当前input的数量,并进行数据计算

第五步:依照减少商品数量的方法,仿写增加商品数量

数据类型知识点详解

1. JavaScript变量

变量的语法:

变量定义: var 自定义名称;

var name=“张三”; //张三为变量 name是变量名 var 关键字定义变量

注意: = 为赋值符号,不是我们理解的等号

变量命名的规范:

变量名必须以字符或下划线“_”开头

变量可以包含数字、从A至Z的大小字母

JavaScript严格区分大小写,computer和Computer是两个完全不同的变量

禁止使用javascript的保留关键字作为变量名

2. JavaScript数据类型

数字类型(Number)

1: 最基本的数据类型

2: 不区分整型数值和浮点型数值

能表示的最小值是±5 乘以10的-324次方

4:包含十六进制数据,以 0x开头 0到9之间的数字,a(A)-f(F)之间字母构成。 a-f对应的数字是10-15

5: 八进制直接以数字0开始,有0-7之间的数字组成。

字符串类型(String)

字符串由单引号或双引号括起

例如单独一个字母也被称为字符串(例如:‘a’)

转义字符 " '

比较运算符:> ,

var a=1; var b=2; alert(a>b);

布尔类型:Boolean

Boolean类型仅有两个值:true和false,也代表1和0,实际运算中true=1,false=0

JavaScript 特殊类型

取值null 含义:值为空(主动)

取值undefined 含义:变量未初始化

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180508G10P9D00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券