week9---11月4日 JS基础(二)
2015-11-01 20:35
471 查看
一、复习
1、JS的特点
2、JS 的调用
二、新课
2、常量、变量、数组介绍
1)类型——数据类型转换
JavaScript中可以使用数值、字符、布尔型、null、undefined等数据类型。
我们在使用数据时会遇到需要将数字字符串转换为数值或将数值转换为字符串使用的情况,例如在表单文本框中输入的即使是数量数字但浏览器都作为字符串对待。
一般情况下计算时浏览器可以自动转换数据类型,如果需要自己转换时可以使用字符串对象专用方法,也可以采用以下简单的方法。
将数字字符串转换为数值时可用数字字符串乘数值1:
"数字字符串"*1
将数值转换为字符串时可用空字符串与数值连接:
""+123.45
注意:文本框、文本区元素不输入数据其内容为" "表示空字符串而不是null," "与数值比较时作为数值0处理。
2)变量 (8-2.html)
JavaScript使用var语句可同时声明多个变量并初始化,多个变量之间必须用逗号隔开。
var x,y=300, name="张三";
可定义变量x, y,name并对y, name初始化,x默认undefined
JavaScript变量名区分大小写,如sun与Sun是不同的变量
变量名由字母、数字和下划线组成,开头不能是数字、不能包含空格、不能使用关键字
变量没有固定的类型,根据赋值类型自动识别,还可以再次赋值其他类型,未赋值变量默认值为undefined
varx=100; //定义x为数值型变量
x="李四"; //x成为字符串对象
变量可以不声明,通过赋值自动声明变量,但不能直接使用不存在的变量null。
age=22; //直接赋值自动声明变量—不推荐该方式
已有变量可重新定义,重新定义时如果不赋新值仍保留原值
varx=100, y=300;
var x,y="王五"; //x保持原值100,y值为"王五"原值冲掉
3、运算符,表达式 (8-3.html)
(三)练习
制作一个三角形的计算器
PS:根据这个计算器进行优化思考。
1、JS的特点
2、JS 的调用
二、新课
2、常量、变量、数组介绍
1)类型——数据类型转换
JavaScript中可以使用数值、字符、布尔型、null、undefined等数据类型。
我们在使用数据时会遇到需要将数字字符串转换为数值或将数值转换为字符串使用的情况,例如在表单文本框中输入的即使是数量数字但浏览器都作为字符串对待。
一般情况下计算时浏览器可以自动转换数据类型,如果需要自己转换时可以使用字符串对象专用方法,也可以采用以下简单的方法。
将数字字符串转换为数值时可用数字字符串乘数值1:
"数字字符串"*1
将数值转换为字符串时可用空字符串与数值连接:
""+123.45
注意:文本框、文本区元素不输入数据其内容为" "表示空字符串而不是null," "与数值比较时作为数值0处理。
2)变量 (8-2.html)
JavaScript使用var语句可同时声明多个变量并初始化,多个变量之间必须用逗号隔开。
var x,y=300, name="张三";
可定义变量x, y,name并对y, name初始化,x默认undefined
JavaScript变量名区分大小写,如sun与Sun是不同的变量
变量名由字母、数字和下划线组成,开头不能是数字、不能包含空格、不能使用关键字
变量没有固定的类型,根据赋值类型自动识别,还可以再次赋值其他类型,未赋值变量默认值为undefined
varx=100; //定义x为数值型变量
x="李四"; //x成为字符串对象
变量可以不声明,通过赋值自动声明变量,但不能直接使用不存在的变量null。
age=22; //直接赋值自动声明变量—不推荐该方式
已有变量可重新定义,重新定义时如果不赋新值仍保留原值
varx=100, y=300;
var x,y="王五"; //x保持原值100,y值为"王五"原值冲掉
3、运算符,表达式 (8-3.html)
(三)练习
制作一个三角形的计算器
PS:根据这个计算器进行优化思考。
相关文章推荐
- jsp小结03 - 3个编译指令page、include、taglib
- javascript引擎工作原理
- javaScript练习(二):tab选项卡
- Jasmine-基于JavaScript的行为驱动单元测试框架简介
- 逻辑运算符 && || ! 的一些理解
- week9---11月3日 div 布局综合练习、JS基础
- jspsmartupload上传文件名中文乱码和超链接传递路径参数encodeURIComponent加解码
- JS学习实例:JavaScript时钟及Date对象学习总结
- JavaScript HTML DOM 事件
- Jsoup Element网页信息采集
- Canvas绘图-js
- js 开始时间与结束时间比较大小---->yyyy-MM-dd hh:mm:ss 字符串转换成时间戳
- 分页插件开发(1)--jstl自定义标签
- Javascript监督学习
- JavaScript作用域问题:预解析、全局与局部作用域解析、作用域链
- JS——构造函数的三种方法
- JS-中查询页面开始日期和结束日期选择 检查合法性
- extjs grid 分页
- javascript做导航条
- JavaScript设计模式 Item 2 -- 接口的实现