JS 是一门基于对象 和 事件驱动 的脚步语言。是一种弱语言,JS可以让网页动起来,可以创建动态网页
基于对象:不仅可以创建对象,也可以使用对象。JS没有编译的过程,是一种直译型语言,一边解释一边执行。
事件驱动:在JS中,指通过事件触发驱动函数执行的,比如(在你点击的时候进行执行,或者下滑时 等等)
特点:不用编译,直译式语言,直接就是源码,是一门弱语言,没有严格是数据类型
优势:良好的交互性,一定的安全性,只能在浏览器进行使用,不能再浏览器之外访问其他东西,
跨平台型好,在任何浏览器中都能执行。
JS可以出现的位置: 行内JS 内部JS 外部JS。
1.行内JS
举例如下:在内部进行定义动态效果 <!--事件驱动:js在什么方式会被触发执行-->
2.内部JS
使用位置:与CSS同理,在<head> 中定义作用范围<script>. 且执行是按上下顺序来定
如图:
网页加载完就会直接执行,执行完后才会继续执行下面的代码程序。
3.外部JS
通过script标签引入外部的JS文件
3.1.js文件 创建一个js文件 在其中定义想要执行的js语句
3.2.在html中引用JS文件
3.3不要同时通过一个script标签引入JS代码和JS文件,会导致代码不会执行!比如:
JS基本数据类型
包括:number / string / boolean / null / undefined
1):数值类型:number 在JS 中 数值类型只有一种就是浮点类型,需要时类型会自动转换,例如:浮点型与整数型会自动转换
2):String类型 :单引号和双引号都可以进行输入字符串
3):boolean类型:进行判断 结果为true或者false
4):null类型:值也只有一个,就是null。表示空值或者不存在的对象。
5):undefined类型:值只有一个就是undefined。表示变量没有初始化值。
在JS中定义一个变量,需要使用 var 进行定义,alert进行输出。如果定义没有赋值就会报错显示undefined
JS变量:变量 变量类型 变量名=变量值
在JS中 一个变量的值可以随意转换,且看你定义的值的类型
JS变量换值案例:
JS变量运算符:
JS中的运算符和Java中的运算符大致相同
算术运算符: +,-,*,/,%,++,–
赋值运算符: =,+=,-=,*=,/=,%=
除了赋值自动转换类型,其他与java中加减乘除一样。
请运算 var c = a+++b 值为几? alert(c);
比较运算符: ==,!=, =,!, > ,< ,>=,<=
在JS中==比较运算符与java不一样,比较的内容比较丰富
两个等号在JS中只比较双方的值。三个等号就是比较的非常多,类型和值 属于JS特色,绝对相等
如果“===”为绝对相等 那么绝对不等就是 “!==”JS特色
位运算符: & , |
逻辑运算符: &&,||
前置逻辑运算符: ! (not)
三元运算符: ? :
判断条件成立,得出中间的值a 条件如果为false 输出b
JS特殊运算符:typeof 用于返回变量或者表达式 的数据类型
JS中可以用 console.log 进行输出数据,显示在浏览器控制台中,在浏览器点击f12 再选择Console即可查看输出的数据。
在console.log 使用typeof 可以得到输出数据的相关类型 如果html中有弹出框,会先显示弹出框再执行typeof语句
例如: