一.JavaScript的三大核心组成
JavaScript是一种轻量级语言,一种单线程的弱语言。
BOM:Browser Object Model 浏览器对象模型
JS操作浏览器发生变化的属性和方法
DOM:Document Object Model 文档对象模型
JS操作文档流发生变化的属性和方法
ECMAScript(核心) JS的书写语法和书写规则
用ECMAScript的语法使用DOM和BOM,来实现网页的行为
二.JS的书写位置
三种书写位置:行内式 内嵌式 外链式
行内式:直接把代码书写在标签身上
分两种情况:
1. a标签
书写在href属性上
<a href="javascript: alert('hello world');">点我一下</a>
2. 非a标签
书写在行为属性上
<div onclick=" alert('hello world') ">点我一下</div>
onclick:点击行为
内嵌式:书写在一个script标签对内
内嵌式JS代码,不需要依赖任何行为,打开页面就会执行
外链式:书写在一个外部的.js文件中(推荐使用)
html文件引入js文件时使用:
<script src="js文件地址"></script>
三.JavaScript变量
var num=100;
var 定义了一个变量名num,并且给num赋值100
变量名的命名规则:
1.数字,字母,下划线,美元符等符号组成
2.一般采用驼峰命名法,第一个单词的首字母小写,其余单词首字母大写(如:enBuild)
3.不能使用关键字
4.严格区分大小写
5.普通变量首字母小写,常量全部大写(const定义)
四.JavaScript的数据类型
分为基本数据类型和引用数据类型,前期先学习基本数据类型
1.基本数据类型
数值类型:十进制数字,科学技术法的公式,其他进制表示方式的数字
字符串类型:一切以单引号和双引号包裹的内容,在JS中不区分单双引号
布尔类型:true false
空类型:null:表示有值,有一个空值
undefined:表示没有值 (null的派生)
检测数据类型:关键字typeof
语法:typeof 要检测的变量
结果:该变量存储的数据的数据类型
console.log(typeof number1);
数据类型的转换
1.转数值类型
1. Number(); 语法:Number(要转换的内容)
结果:转换好数值类型的结果
如果之前的数值不是数字,转换后会显示NaN(Not a Number)
2. parseInt(); 语法:parseInt(要转换的内容)
结果:转换好数值类型的结果
如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
转换过程中是一个一个数字或字母解析,但只能解析到整数部分,不能解析小数
3. parseFloat(); 语法:parseFloat(要转换的内容)
结果:转换好数值类型的结果
如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
转换过程中是一个一个数字或字母解析,可以解析到小数部分
4. bool类型转为Number类型:true:1; false:0
5. undefined转为Number类型时会显示为NaN;
null转为number类型会显示0
2.转字符串类型
1. String(); 语法:String(要转换的内容)
结果:转换好字符串类型的结果
2. toString(); 语法:要转换的内容.toString()
结果:转换好字符串类型的结果
//将对应number类型转为string类型
var str1 = number1.toString()
3.转布尔类型
Boolean(); 语法:要转换的内容.Boolean()
结果:转换好布尔类型的结果
会转换成false的五种数值:0,NaN,‘’(空字符串),undefined,null