js的三大核心
1,ECMAscript
js的语法,规则,必须遵守的
2,DOM-Doucment Object Model 文档对象模型
使用js的语法,去操作页面的元素(标签)
3,BOM-Browser Object Model 浏览器对象模型
使用js的语法,去操作页面浏览器相关部分
js的核心
使用js的语法让浏览器和页面元素发生一些变化
前后端交互
js的书写
行内式
a标签 alert("hello world")
借助href属性
在href属性上书写JavaScript:一段js代码
<a href="JavaScript:alert('hello,world'):">点我一下试试看</a>
非a标签
需要借助一个行为属性来实现,onclick属性,当点击时触发
内部式
把所有的js代码书写在一个script标签内
注意:1,script标签内的代码不需要依赖任何行为,打开页面直接显示
2,script推荐书写在head末尾或者body末尾
3,一个页面可以书写多个script标签,会按照从上到下的顺序依次执行
外部式
把所有的js代码书写在一个 .js 后缀的文件内
在html文件内,以script标签的src属性引入文件
变量
变量命名规范
1,变量只能由数字,字母,下划线,美元符($)组成
2,不能由数字开头
3,不要有中文和空格
4,不能使用关键字和保留字
规范
驼峰命名法:当变量由多个单词组成时,第二个单词首字母大写(username—userName)
尽量语义化:尽量使用一些有意义的单词
js的变量
定义:语法:var 变量名=值
var 定义变量的关键字
变量名 我们定义的一个字
= 赋值
值 我们给该变量所赋予的值
注意:一个变量只能有一个值
书写形式:1,声明变量不赋值 var 变量名
2,声明变量并赋值 var 变量名=值
3,同一个var声明多个变量 var 变量名,变量名=值,变量名,变量名=值(多个变量名之间用(,)分隔
基本数据类型:一个变量可以存储哪些数据类型
number数据类型
整数,浮点数,科学计数法
string数据类型
一切以单引号和双引号包裹的都是字符串类型
boolean数据类型
只有两个值
true 表示真,在计算机存储时,以1的形式存储
false表示假,在计算机存储时,以0的形式存储
空数据类型(undefined和null)
undefined类型只有一个值,为undefined,表示本该有一个值,但是没有,当变量定义未赋值时就是undefined
null类型只有一个值,为null,表示这里有一个值,但是这个值为空值,需要赋值为null才为null
数据类型检测
语法:typeof 变量
typeof (变量)
返回值:以一个字符串的形式返回给你检测的变量的数据类型
注意:1当typeof关键字检测任何数据类型返回的内容一定是字符串类型的结果
当typeof连用时,得到的结果一定是'string'
2小括号可以提高运算优先级
转数值类型(将其他数据类型转换为数值类型)
1number方法
语法:number(要转换的变量)
返回值:转换好的数字
转换规则:把要转换的内容当作一个整体看待,如果可以转换为合法数字,那就是一个合法数字,如果不能转换为合法数字,就是NaN(数值类型,非数字)
2,parseInt方法
语法:parseInt(要转换的变量)
返回值:转换好的数值类型的数据
转换规则:不管是什么数据,都是一位一位的看待
如果第一位不能转换为合法数字,那么直接给结果NaN
如果第一位可以,继续向后,直到不能转换为合法数字为止
注意:不认识小数点,,转换小数时,小数点后将被省略
3,parseFloat方法
语法:parseFloat(要转换的变量)
返回值:转换好的数值类型数据
转换规则:和parseInt一样,唯一区别是认识小数点,但是只认识一次
4,使用非加法的数学运算
使用减乘除方法运算
把数据先转换,在运算
转换规则:和number一样,当成整体看待
转字符串类型(把其他类型转换为字符串类型)
1,String方法
语法:String(要转换的变量)
返回值:转换好的字符串类型数据
2,toString方法
语法:要转换的变量 . toString()
返回值:转换好的数据类型
注意:不能转换undefined和null
3,使用字符串拼接
在js内,加号(+)有两个意义
1,数学运算,要求符号两边都是数值类型或布尔类型,才会进行数学运算
2,字符串拼接,只要符号任意一边是字符串类型,那么就会进行字符串拼接
转布尔类型
1,boolean方法
语法:Boolean(要转换的变量)
返回值:转换好的布尔类型
注意:在js内,所有数据转换为布尔类型时,只有五个内容转换为false(undefined,null,数值0,数值NaN,空字符串)其余所有内容都是true
运算符 含义:进行运算的符号
算术运算符 (+,-,*,/,%)
含义:进行数学运算的符号
赋值运算符 (=,+=,-=,*=,/=,%=)
含义:进行赋值运算的符号
作用:把符号右边的内容给到符号左边的变量
比较运算符 (>,<,>=,<=,==,===,!=,!==)
两个数据之间进行比较的运算符号
注意:比较符号的返回值都是布尔类型
逻辑运算符 (&&(与),||(或),!(非))
进行逻辑运算的符号
自增自减运算符
是一元运算符(一个符号带上一个数据就能完成运算)的一种
前置加加(++变量) 后置加加(变量++)