为啥我从后台查到的值在页面显示的是undefined_【java笔记】046天,作购物车页面,学习JavaScript...

d21eb46675b3b935efe1e6a07f96a96a.png

今天是学习java 的第46天,今天先是完成了购物车页面的简单制作,然后是开始学习JavaScript的知识。

html+css 只是可以实现静态的页面无法实现动态的效果 ;

购物车页面的制作:

效果如图:

01d87ae077de23b56fabbb64219dc057.png

532ed992b0cd3e97f2ac44d3a8151a1c.png

e65c8574e8e8fe83445f4495dc7257d4.png

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·~~~

JavaScript: JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、 基于原型的语言,内置支持类型 。

直译式:不用编译,直接运行执行

弱类型:所有的变量只有一种类型:var类型。不像java中有int,byte,long...等类型。变量只有一种类型保证了执行的速度。解析过多的变量类型需要很长的时间。

基于原型:基于对象的语言,非面向对象。

组成 :ECMAScript:JavaScript的核心

文档对象模型(DOM):DOM(文档对象模型)是 HTML 和XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档

浏览器对象模型(BOM)对浏览器窗口进行访问和操作

优点:

简单性:变量类型是采用弱类型,并未使用严格的数据类型。

安全性 :JavaScript不能访问本地的硬盘,不能将数据存入到服务器上,不能对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互

跨平台性:JavaScript依赖于浏览器本身,与操作平台无关,

缺点 :

· 各种浏览器支持JavaScript的程度是不一样的,支持和不完全支持JavaScript的 浏览器在浏览同一个带有JavaScript脚本的网页时,效果会有一定的差距,有时甚至会显示不出来。

作用:表单的校验

背景图片的更换

操作节点的信息

JavaScript的引入:

353bfca36b955cd20a885dc844970e07.png

28e51ac871649877ae624ed05645c8bd.png

alert (typeof a):网页弹出a的类型。

962d225a28ee6bc2616e4a55623a3747.png

f8d606391b90585c96e5adcd3f33bdf7.png

alert ():网页弹出框。

ac400798b49adc1f73cb1c3a4c7c5c61.png

afe5a3fea478729ba6d344d7722a0220.png

JS中变量的声明

var 变量名=值;

变量名的规范:js中的变量的名称和java中标识符的命名保持一致就可以了,即:26个英文字母(大、小写),数字,下划线,美元符号$。但是不能以数字开头。

变量名称是可以重复的,但是后者的名称会把前者的名称值覆盖 。

在js中。单引号和双引号一样,不被区分。

JS 中的数据类型

基本数据类型

number(数字类型的数据)

string(字符串类型)

boolean(布尔数据类型)

object(对象类型)

JS 中特殊数据类型

undefined(未定义) ,当变量未被定义时产生。

NaN(不是一个数字) not a number ;指定内容不能被转化成一个number类型时显示。

null(空对象) 也是一个对象类型,(区别于字符串的空”“,不是一种类型)

JS 中的运算符

算数运算符 :+ - * / % ++ --

逻辑运算符 & | ! && || ^ < > <= = !=

+:

运算自左往右进行,当+两边的类型都是数字时,则按照数字类型去计算,当两边时数字类型和字符串类型时,按照字符串类型去进行连接操作

运算中的true的number类型为1,false为0。

特殊运算符

==:等值符;比较时先比较类型,如果两边类型一致,然后内容也一样则返回true,类型不一致时会进行强制转化,且统一转化为number类型再进行比较。

===:等同符;如果类型不一致,直接返回false。如果类型一致,再比较看内容是否一致。

控制语句

条件语句 : if(){}

if(){}else{}

if(){}else if(){} else if()...else{}

分支语句(选择语句) :switch(){}

循环语句 while(){} ;do{}while();for(){}

ea3274567eed87f2f7e34b3faa57fc80.png

cb1d5eccbc1e2c761bc7f56035c7a2cd.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值