1.认识js
js概念:运行在浏览器端(客户端)的解释性脚本语言(js引擎:执行js代码:从上往下一行一行执行。)
js作用:
html:结构(骨架)
css: 表现(美化)
js:行为(动效,轮播图,tab切换,楼层,拖拽,百度搜索,表单验证,登录注册,百度换肤,贪吃蛇等)
js核心:
1.ECMA制定的是js的语法规范
2.BOM:浏览器对象模型,提供了一套操作浏览器的api
3.DOM:文档对象类型,提供一套操作页面的api
js代码的书写:
1.行内式:a标签/非a标签
a标签的 <a href="javascript:js代码;">百度</a>
非a标签的<button 行为属性="js代码">按钮</button>
2.内嵌式
书写方式:<script></script>
书写位置:可以在任何位置书写<script></script>,但是不推荐写在最上面,推荐写在最下面
执行顺序:可以有多对script标签,从上往下执行
3.外链
书写方式:<script src="demo.js"></script>
注意:1.在外链式的写中,script标签内部代码不执行
2.demo.js中直接写js代码
js注释
1.单行// ctrl+/
2.多行/**/alt+shift+a
js变量
js中的变量:在程序运行过程中,值会发生变化的量,在计算机中,比哪里实际上就是一个容器,存储着值。
js的变量的命名规则和规范变量命名时的规则:
1、组成:数字,字母,下划线(_),美元符号($)
2、注意:不能以数字开头,不能是关键字(js中具有特定含义的单词。var if for function)var var =. 10;
3、严格区分大小写var Var = 10;
4、汉字也可以作为变量,强烈不推荐
规范:
1、见名识意;定义苹果价格applePriceweight size name height ...
2、驼峰命名法多个单词组成,第一个单词全部小写,第二个单词开始,首字母大写
redApplePrice
greenApplePrice
数据类型
两大类:
基本数据类型:
Number类型 数值类型
String类型 字符串类型
Boolean类型 布尔类型
null类型 空类型
undefined类型 未定义类型
引用数据类型:(了解)
Object
+ Number类型 数值类型
a) 整数
b) 小数
c) 10e5(科学计数法) 10*10的5次方
d) 十进制 八进制 十六进制 二进制
e) NaN(not a number):不是数字
+ String类型 字符串类型
a) 单引号或者双引号引起来 "123" 'abc'
b) 一段文本
+ Boolean类型 布尔类型
a) true : 真,计算机会把true存储成1
b) false: 假,计算机会把false存储成0
+ undefined类型 未定义类型
a) 只声明,未赋值 var x;
b) 声明变量,可以赋值成undefined
+ null类型,空类型
var x = null;(后面讲)
2.8 检测数据类型:
typeof 关键字来检测
语法:
typeof(要检测的值)
typeof 要检测的值
返回值(结果):
1. 哪种数据类型(number,string,undefined,object,boolean)
2. 以字符串的形式返回
2.9 数据类型的转换:
数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字
其他数据类型转成数值:
Number(变量)
可以把一个变量强制转换成数值类型
可以转换小数,会保留小数
可以转换布尔值
遇到不可转换的都会返回 NaN
parseInt(变量)
从第一位开始检查,是数字就转换,知道一个不是数字的内容
开头就不是数字,那么直接返回 NaN
不认识小数点,只能保留整数
parseFloat(变量)
从第一位开始检查,是数字就转换,知道一个不是数字的内容
开头就不是数字,那么直接返回 NaN
认识一次小数点
其他数据类型转成字符串:
1. 变量.toString()
2. String(变量)
3. 使用加法运算
其他数据类型转成布尔
1. Boolean(变量) 在 js 中,只有 '' 、 0 、 null 、 undefined 、 NaN ,这些是 false,其余都是 true