Week3Day3
来源:互联网 发布:unity3d素材免费资源 编辑:程序博客网 时间:2024/06/02 03:26
一·JS入门
1·什么是JS
-基于浏览器
-基于对象 借鉴很多java的优秀语法特点
-事件驱动
-脚本语言
2·JS的用途
-前端数据验证,减轻服务端压力
-配合实现更加丰富的动画效果
-操作页面内容和浏览器
-网络请求,实现(数据)动态页面
3·JS由哪几部分组成
-ECMAscript 规定类JS的语法规范
-DOM document object model 文档对象模型 整个html页面
-BOM browser object model 浏览器对象模型 也米那的运行环境
4·JS的使用方法
-行内js 把js写在标签内部 优缺点和css一样
<button onclick="javascript:alert('您点击了hello按钮!')">hello</button>
-内部js <script>...</script>
-外部js <script src="...js/..."></script>
script标签中的src属性可以指定你要引入的外部js文件
在引入外部js文件的script标签之间不允许出现任何的js代码
-noscript
<nosccript>您的浏览器不支持script</script>
当浏览器不支持js或js功能未开启时会显示标签内内容
5·变量的声明
-变量的声明和赋值
var age;声明一个变量 变量称为age
age = 18; 变量的赋值 把age设置为18
var age = 17;一次完成一个变量的声明和赋值
var x = 10,y = 10,z = 10;一次完成多个变量的赋值
-变量的命名规则:以数字,_和$组成,不能以数字开头,而且不能使用关键字和保留字 区分大小写
6·数据类型
数据取整型:parseInt() 数据取浮点型: parseFloat()
NaN: 不是一个数字
== 只对数据进行比较,不区分类别
=== 严格相等既比较数据又比较类型,类型不一致的话,数据相等也是false
7·数据转换
Number() 将任意类型数据转换成Number类型
alert(typeof num) typeof 用来判断一个数据的类型
把布尔类型的数据转换成Number类型 true--1 false--0
var a = true;
var a2 = Number(a);
把undefined用Number()函数转换 结果为NaN
parseInt parseFloat 将数据转换为数字
字符串转换成数字的时候,字符串可以使用纯数字,也可以是数字和字符串的拼接
当数字开头时,只取开始数字的连续部分,见到字符将截止
当字符开头时,不会得到数字
8·输入输出
输入 var age = prompt(“请输入您的年龄:”);
输出 alert(age)