一.js介绍和入门
1.html是标记语言,javascript为编程语言
2.javascript的组成:
ECMAScript:定义了js的语法规范,描述了语言的基本语法和数据类型。
BOM(Browser Object Model)浏览器对象模型
①.通过BOM操作,我们可以做弹框,浏览器跳转,页面调试...
DOM(Document Object Model)文档对象模型
②.通过DOM操作,我们可以增加一个div,改变div的样式,在里面添加内容
总结:js就是通过固定的语法去操作浏览器和标准结构来实现网页上的各种效果
3.书写位置:
①.行内式(不推荐) 如果是a标签,js代码写在href属性里面,格式是:href="javscript:js代码;"如果想阻止a 的默认跳转功能,可以写:href="javascript:;"
②内嵌式 在页面的任意位置,添加<script> js代码 </script>
③.外链式 新建一个.js后缀的文件,在里面书写js代码 <script src="js文件的路径"></script>来引入,可以在html的任意标签后面
4.变量:变量就是在程序中保存数据的一个容器,变量是计算机内存中存储数据的标识符,根据变量名称可以在内存中存储的数据,也就是说,我们在内存中存储了一个数据,然后给这个数据取一个名字,是为了我们以后再次找到他
5.数据类型:数据类型:是指我们存储在内存中的数据的类型,分为两类:基本数据类型(简单数据类型)和复杂数据类型,基本数据类型:① 数值类型(Number) ② 字符串类型(String) ③ 布尔类型(Boolean) ④ null类型(null) ⑤ undefined类型(undefined),复杂数据类型:数组,函数,对象.
复杂数据类型存储在堆内存,存储的是地址。当我们把对象赋值给另外一个变量的时候,复制的是地址,指向同一块内存空间,当其中一个对象改变时,另一个对象也会变化。
6.判断数据类型:使用typeof关键字来进行判断
语法:typeof 要判断的数据例如(typeof a),返回的就是数据类型的字符串格式
语法:typeof(要判断的数据)例如( typeof(a) ) ,返回的就是数据类型的字符串格式
7.数字类型的转换
其他类型转数值:结果一定是数值:
1.Number(变量) 可以把一个变量强制转换成数值类型 可以转换小数,会保留小数
可以转换布尔值 遇到不可操作的时候返回NaN
2 parseInt(变量) 可以把一个变量强制转换成数值类型 从第一位开始检查,是数字就转换,
直到一个不是数字的东西 开头就不是数字,直接返回NaN
3 parseFloat(变量) 可以把一个变量强制转换成数值类型 从第一位开始检查,是数字就转换,
直到一个不是数字的东西 开头就不是数字,直接返回NaN 认识一次小数点
4 除加法以外的数学运算 运算符两边都是可运算数字才能
如果运算数字任何一边不是数字,返回NaN 加法不可以
其他类型转字符串:结果一定是字符串:
1 变量.toString() 有一些数据不能使用,比如undefined和null
2 String(变量) 所有数据类型都可以
3 使用加法运算: 在js里面,加法有两个含义
字符串拼接:只要+任何一边是字符串,就会是字符串拼接
加法运算:只要+两边都是数字的时候,才能进行加法运算
8.运算符
1.数学运算符,如果左右都是数字,做加法运算,
如果有一个是字符串,做拼接 -:减法 /:除法 *:乘法 %余数
2 赋值运算符
=就是把等号右边的值赋给等号左边的变量名var num = 1100就是把1100赋值给num变量
那num的值就是1100 c+=2等价于c = c+2;
-= c-=2等价于c = c-2
*= c*=2等价于c = c*2
/= c/=2等价于c = c/2
%= c%=3等价于c = c%3
符号是一体的,中间不能加空格