-
js的四种引入方式:
(1)行内:直接将js代码写在html标签中
(2)内嵌:js代码用标签包裹要编写的js内容。
(4)a标签的js引入:
<!-- 行内 --> <div onclick="alert('我被选中了')"></div> <!-- a标签 --> <a href="javaScript:alert('弹出框');"></a> <!-- 内嵌 --> <script><!-- 代码块 --></script> <!-- 外部文件 --> <script src="index.js"></script>
2.变量:
变量就是装数据的容器。变量里面可以装任何东西。
变量命名采用驼峰命名法。如:userName。
赋值=的左边是变量容器,右边是装在容器里面的数据,输出的结果和控制台打印的结果是装在容器里面的东西而不是变量容器。
3.数据类型:
基本数据类型:
number(数字)、string(字符串)、boolean(布尔型)、null(空对象)、
undefined(未定义)
引用数据类型:
array(数组)、object(对象)、function(函数)
=父子符号,左边是变量,右边是值
var null1=null空值
模板字符串(下来学习 黑色代表字符串)
运算符:%取余
加法字符串拼接
减乘除正常运算
布尔值和数字转换
其他的是true
只有0是false
隐式转换
NaN不是一个数字(没有办法比较)
alert(警告框)斩断后面的代码
选择器的优先级;
逻辑运算符>算术运算符
4.运算符
(1)算术运算符
+、-、*、/、%
其他不同类型与字符串类型进行除了加法以外的算术运算时会出现隐式转换
console.log(100 - ‘2’);//98
console.log(100 * ‘2’);//200
console.log(100 / ‘2’);//50
console.log(100 % ‘2’);//0
(2)逻辑运算符
与:&& 或:| | 非/取反: !
优先级:
! > 算术运算符 > 逻辑与或
(3)比较运算符
>、<、>=、<=、==、===、!=、!==
== : 只比较数值
=== :要比较值和类型
比较运算符一定会得到一个布尔值
a!==a
a==!a
5.其他类型转换为数字类型
(1)parseInt(),强制转换为整型 ,遇到非数字时就抛弃非数字及其后面的内容
(2)parseFloat(),强制转换为小数, 遇到非数字时抛弃非数字及其后面的内容
(3)number() 当内容全部为数字时才能转换为数字类型,否则 结果为NaN
判断数据是否是一个非数字使用方法 isNaN()。
6.其他类型转换为字符串类型
(1)String(变量)
(2)变量与字符串之间用+号拼接
(3)变量 . toString()
7.其他类型转布尔
(1)!!变量
(2)Boolean(变量)
console.log(!!123);//true
console.log(Boolean(123));//true
当布尔类型与数字类型做算术运算或比较运算时,布尔型会优先转为数字。
true: 1 false: 0
转换为布尔型:
非0数字都为true, 0为false;
非空字符串都为true,’ '空字符串为false;
输出:
页面输出:document.write()
控制台打印:console.log()
警告框:alert()
输入:
window.prompt()
prompt()
8.一元运算符
++、–、!
9.三元运算符
条件 ? 条件为真时的情况 :条件为假时的情况