1.js简介
-js
全称为:javascript
他既可以作为前端的语言,也可以作为后端的语言
-js
的语法与java
有相似之处,但是本质上与java
没有关系
2.js的基本语法
- js
的基本数据类型:number 数字类型
String 字符串类型
null 空值
undefined 未定义
一个变量还没有进行赋值就叫做未定义类型 布尔类型 true false
定义数据类型的语法格式是:var 变量名=任意类型的数据
var表示任意类型的数据 例如:var a=10 ; var b="hello" ; var c=null ;
- 调试js
的基本方法是,打开一个网页,按F12调出控制台窗口,切换到console
,然后可以输入console.log(变量名)
,这是将变量或者表达式的结果输出到console
窗口
- 数组:创建数组的方法有三种:var a=new Array() 新建一个空数组
var b=[] 新建一个空数组
var c=[1,2,3,4,5,6,7] 创建一个有七个整数元素的数组
数组元素的遍历:
遍历var c=[1,2,3,4,5,6,7]
for(var i=0;i<c.length;i++){
console.log(c[i]); //推荐的遍历方法
}
for(var i in c){
console.log(c[i]);
}
//向数组中添加元素
变量名.push(元素); //表示在数组的尾部新增加一个元素
c.push(8);
变量名.unshift(元素); //表示在数组的头部新增加一个元素
c.unshift(0);
//修改元素
直接可以通过数组的下标来修改元素
//删除元素
变量名.pop(); //删除尾部元素
c.pop();
变量名.shift(); //从头部删除元素
c.shift();
变量名.splice(要删除元素的下标,要删除元素的个数);
c.splice(2,3);
//数组元素的排序
变量名.sort();
在js中默认的排序方式是以字符串的方式进行排序的,所以对数组中全是整数的数组,排序时可以做一个减法,这样就可以让字符串变为整数。例如:
c.sort((a,b) =>a-b);
对象及js的一些基本语法
1.在js
中创建一个对象,var a=new object();
假如对象的属性中有name和age属性
则给对象的属性赋值a.name="张三",a.age=18
,也可以删除对象中的属性,例如:删除对象a的age属性delete a.age
2.创建对象还有它的简化写法:var a={} //创建一个空对象
给空对象中添加属性时var a={“name”="张三",“age"="18”} //属性名的双引号可以去掉
3.js
中的函数类似与java
中的函数,却又不同于java中的函数,书写js函数的语法格式是function 函数名(){} //可以带参数,也可以不带参数
注意:js中的实际参数可以和形式参数不匹配,并且如果同时定义了两个同名函数,后定义的函数会覆盖先定义的函数
4.js中日期的定义var date=new Date()
日期的获取date.getFullYear(); //获取年份
date.getMonth() //获取月份
date.getDate() //获取日期
还可以根据毫秒值来创建日期var date =new Date(毫秒值)
5.js中的正则表达式,创建正则var reg=new RegExp("正则表达式")
创建正则的简化写法var reg=/正则表达式/
js的作用
1.js可以控制页面上的标签,也可以查找页面上的标签。
- 根据id查找页面标签
document.getElementByid(id值);
- 获取标签内的内容
标签对象.innerText
- 获取属性:标签对象.属性名,获取class属性,
标签对象.className
;获取style样式,标签对象.style.具体样式名
2.删除:父标签对象.removeChild(子标签对象)
3.新增:var p=document.createElement("p")
创建一个段落标签,但是这个标签没有加到页面上,给创建的标签里面加入新的内容:p.innerText="标签内容"
;在末尾添加子标签:父标签对象.appendChild(子标签对象)