文章目录

  • js入门
  • 语法规范（js语言的一些特点）
  • BOM 和DOM的区别：
  • 引入js文件
  • 易错点
  • js变量
  • 基本数据类型
  • 复合数据类型
  • 数据类型转换
  • 数据和字符串
  • 数据和NaN
  • 代码规范
  • 强制数据类型转换
  • Boolean() 强制数据类型转换
  • Number()将别的数据类型转换
  • 一元运算符


js入门

语法规范（js语言的一些特点）

  1. 自上而下执行：js代码从第一行开始执行。
  2. 一般来说JavaScript标签在head标签中
  3. type=“text/JAVASCRIPT”说明当前script标签中文本的类型，相当于告诉浏览器里面的text是个javascript脚本。
  4. 可以引入多个script标签
  5. 多个script标签顺序一样（同步执行）

BOM 和DOM的区别：

BOM是整个浏览器，即操作浏览器部分功能的API
DOM是document，操作网页上的元素的API
<html </html
这个标签里的内容就是dom元素，

引入js文件

通过src引入外部文件，同时 <scriptsrc=“js/demo.js”>里的内容看不到了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		//就是这个，如果引入的外部文件demo.js,那么标签里的内容会隐藏
		<script type="text/javascript" src="js/demo.js">
		</script>
		
	</head>
	<body>
		
	</body>
</html>

易错点

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" >
			document.write("</script>");
			document.write("</script>");//这两句意思相同
		</script>
	</head>
	<body>
		
	</body>
</html>

js变量

确定的值叫常量

基本数据类型

数字 number
字符串 string （单引号 双引号）
布尔值 boolean
特殊数据类型 null undefine

复合数据类型

变量 值可以改变的是常量 var= variable
var age=18
内存过程：

  1. var申请了一段空间
  2. 同时变量赋值 叫做初始化

标识符 用户自定义的名字 num+zimu+_
不能数字开头
可以同时申请多个变量 逗号隔开

数据类型转换

数据和字符串

算数运算符 关系 逻辑 赋值 自增自减
任何数据和字符串 相加 数据类型会自动转换成字符串类型 字符串拼接 此时相加操作不再是数学意义上的加法 表示拼接

var aaa=“hello”+“hello”;
alert(aaa);//输出 hellohello

数据和NaN

任何数据和NaN做运算的结果始终是NAN
注：字符串是纯数字的话会转化成数字
var aaa=1-“2”//-1

代码规范

tab=四个空格
； ， 后跟空格
= +前后跟空格

强制数据类型转换

var aaa=1*“1”//1
var bbb=1/“1”//1 number
var ccc=1+true//2
总结 其他数据类型和数字类型做算数运算时 其他数据类型都会自动转化成数字再进行运算
布尔值 true =>1
false=>0
特殊数据类型 null =>0
undefined=>0

Boolean() 强制数据类型转换

var aaa=Boolean(1);//true
 var bbb=Boolean(0);//fals
 var ccc=Boolean(-1);//true
 var ddd=Boolean("");//false
 var eee=Boolean(“hello”);//true
 var eee=Boolean(null);//false
 var eee=Boolean(undefined);//false

Number()将别的数据类型转换

var aaa=Number(aaa);//1
 var bbb=Number(“20”);//20
 var ccc=Number(“20a”);//NaN

一元运算符