2022/3/6
一、JavaScript
1.概念:一门客户端脚本语言
运行在客户端浏览器中的,每一个浏览器都有JavaScript的解析引擎
脚本语言:不需要编译,直接就可以被浏览器解析执行
2.功能:可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。
JavaScript = ECMAScript +JavaScript自己特有的东西(BOM+DOM)
ECMAScript:客户端脚本语言的标准
1.基本语法:
1.与html结合方式:
1.内部JS:定义<script>,标签体内容就是js代码
2.外部JS:定义<script>,通过src属性引入外部的js文件
注意:
1.<script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
2.<script>可以定义多个。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 内部JS--> <!-- <script> alert("我是内部js文件"); </script> --> <!-- 外部JS --> <script src="./js2.js"></script> </head> <body> <input type="text" /> </body> </html>
alert("我是外部js文件");
2.注释://(单行注释),/* */(多行注释)
3.数据类型:
1.原始数据类型(基本数据类型)
1.1number:数字。整数/小数/NaN(Not a number 一个不是数字的数字类型)
1.2string:字符串。字符/字符串 "abc" "a" 'abc'
1.3boolean:true和false
1.4null:一个对象为空的占位符
1.5undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值undefined
2.引用数据类型:对象
4变量:一小块存储数据的内存空间。
Java语言是一个强类型语言,而JavaScript是一个弱类型的语言。
强类型:在开辟变量存储空间时,定义了空间将来的数据类型,固定了存储的数据类型
弱类型:在开辟变量存储空间时,不定义空间将来的数据类型,可以存放任意类型数据
语法:var 变量名 = 初始化值;
typeof(变量名);可以检测变量是什么类型<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var a = 3; alert(a); a = "abc"; alert(a); //定义一个number类型 var num = 1; var num2 = 1.2; var num3 = NaN; //输出到页面上 document.write(num+"---"+typeof(num)+"<br />"); document.write(num2+"---"+typeof(num2)+"<br />"); document.write(num3+"---"+typeof(num3)+"<br />"); //定义string类型 var str = "abc"; var str2 = 'a'; document.write(str+"---"+typeof(str)+"<br />"); document.write(str2+"---"+typeof(str2)+"<br />"); //定义boolean类型 var flag = true; document.write(flag+"---"+typeof(flag)+"<br />"); //定义null和undefined var obj = null; var obj2 = undefined; var obj3; document.write(obj+"---"+typeof(obj)+"<br />"); document.write(obj2+"---"+typeof(obj2)+"<br />"); document.write(obj3+&