- 是一门跨平台,面向对象的脚本语言。脚本语言是指:JavaScript编写出来的语言直接通过浏览器的解释就可以运行
- Js的引入方式
- 内部脚本
- 在HTML当中定义script,再在script中写js代码
- 在HTML中可以在任意位置,放置任意数量的<script>
- 一般会把脚本置于<body>元素的底部,可以改善显示速度
- 外部脚本
- 将js代码定义在外部的js文件中,然后引入到HTML页面中
- 在html中通过script标签来引入外部的js文件
- 外部的js文件当中是不包含<script>标签的,只包含js代码
- <script>标签不能自闭和,就是不能<script src=”js/demo.js”/>
<script>
alert("hello world");//在页面中会弹出一个警告框
</script>
js基础语法
- 在js当中变量名、函数名(方法名)以及其他一切东西都是区分大小写的
- Js代码中每一行的分号是可有可无的,建议大家写上分号
- 注释:单行注释:// 多行注释:/* */
- 在js中大括号代表代码块
例如:if(count==3){
alert(count)}
输出语句
- 使用alert()直接将数据写在括号中,直接在浏览器中弹出警告框
- document.write()直接将我们要输出的信息写入到HTML的页面,在浏览器当中展示出来,最终在HTML页面中看到输出的语句
- console.log()将要输出的内容写入到浏览器的控制台,在浏览器的控制台中看到输出的语句
Js变量
- Js中可以用var关键字来声明变量,
例如:var a=20;
a=”张三”
变量可以储存不同类型的值
- 变量名需要遵守如下规则
- 组成字符可以是任何字母,数字,下划线或美元符号
- 数字不能开头
- var定义出来的变量作用域比较大,全局变量
- 定义出来的变量名,可以重复定义
let关键字定义变量,所声明的变量只在let关键字所在的代码块内有效,是一个局部变量且不允许重复声明
const关键字用来声明一个只读的常量。一旦声明,常量的值就不可以改变
原始类型和引用类型
- 原始类型:Java当中的基本类型,number,string,Boolean,null,undefined
- 使用typeof运算符可以获取数据类型
Js运算符
- 算术运算符:+,-,*,%,/,++,--
- 赋值运算符:=,+=,-=,*=,/=,%=
- 比较运算符:<,>,<=,>=,!=,==,===全等比较,==与===,==会进行类型转换,===不会进行类型转换,===只要类型不同就会报错,只有类型和值都相同的情况下,才是正确的
- 逻辑运算符:&&,||,!
- 三元运算符:? :
类型转换
- 字符串类型转换成数字:将字符串的字面值转换成数字。如果字面值不是数字则转换为NaN
- parseInt()函数就是把字符串转换成数字:parseInt(“12”)转换为数字12,parseInt(“12A45”)将字符串转换为12,parseInt是冲第一个字符开始看,看了1和2都是数字,然后往后看,A不是数字后面的就不用看了
- 其他类型转换为boolean类型:number类型,0和NaN都转换为false,其他的都转换为true;string类型,空字符串为false,其他全为true。Null和undefined均转为false
Js函数
- Js当中需要通过function关键字定义函数
- 语法:function 函数名(参数1,参数2....){//不需要指定形参类型和方法返回值,如果方法有返回值直接return就好,如果方法没有返回值不需要用return
- //要执行的代码
- }
- 例如: function add(a,b){
- return a+b;
- }
- 调用:无返回值:函数名(实际参数列表)
- 有返回值:定义一个变量来接收这个函数执行的返回值就好,例如 var a=add(1,2);alert(a);
js函数方式二:var 函数名=function(参数1,参数2){
}调用与上述一样
Js对象
- Array:数组对象;在js当中用于定义数组的;js当中数组的长度和类型都是可变的
- 语法1:var 变量名=new Array(元素列表);var a=new Array(1,2,3,4)
- 语法2:var 变量名=[元素列表];var a=[1,2,3,4];
访问:a[索引]=值;arr[10]=”hello”,为数组指定的引数来赋值;
var a=[1,2,3,4,5];
var aa=a[3];//访问数组下标为3的元素
alert(aa);
- Array属性:length,用于获取数组中元素的数目;
- Array方法:foreach();遍历数组中有值的元素,并调用一次传入的函数;push往数组的尾部添加元素;splice从数组中删除元素
- String:字符串对象
- Json
- BOM:浏览器对象模型,在js当中他对浏览器的各个组件进行了封装
- DOM: