今天是学习java 的第46天,今天先是完成了购物车页面的简单制作,然后是开始学习JavaScript的知识。
html+css 只是可以实现静态的页面无法实现动态的效果 ;
购物车页面的制作:
效果如图:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·~~~
JavaScript: JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、 基于原型的语言,内置支持类型 。
直译式:不用编译,直接运行执行
弱类型:所有的变量只有一种类型:var类型。不像java中有int,byte,long...等类型。变量只有一种类型保证了执行的速度。解析过多的变量类型需要很长的时间。
基于原型:基于对象的语言,非面向对象。
组成 :ECMAScript:JavaScript的核心
文档对象模型(DOM):DOM(文档对象模型)是 HTML 和XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档
浏览器对象模型(BOM)对浏览器窗口进行访问和操作
优点:
简单性:变量类型是采用弱类型,并未使用严格的数据类型。
安全性 :JavaScript不能访问本地的硬盘,不能将数据存入到服务器上,不能对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互
跨平台性:JavaScript依赖于浏览器本身,与操作平台无关,
缺点 :
· 各种浏览器支持JavaScript的程度是不一样的,支持和不完全支持JavaScript的 浏览器在浏览同一个带有JavaScript脚本的网页时,效果会有一定的差距,有时甚至会显示不出来。
作用:表单的校验
背景图片的更换
操作节点的信息
JavaScript的引入:
alert (typeof a):网页弹出a的类型。
alert ():网页弹出框。
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(){}