参考手册
www.w3schol.com.cn
基础语法
略
function对象
//方式1
function add(a,b){
return a+b;
}
//方式2
var add = function(a,b){
return a+b;
}
//求任意个数的和
function add(){
let sum = 0;
for(let i = 0;i<arguments.length;i++){
sum += arguments[i];
}
return sum;
}
Array对象
//jsz中的数组长度可变,元素属性可以不一致
//创建数组
var arr1 = new Array(1,2,3);
var arr2 = new Array(5);//创建一个长度为5的数组,内容为undefined
var arr3 = [3,6,7,8]//直接赋值
//方法
join()//arr.join("="),分割元素的方式
push()//arr.push(10),在数组最后添加一个元素
POP()
shift()/unshift()//在数组前面删除或添加一个元素
Data日期对象
var data = new Data();
//获取本地时间格式
data.toLocalString()
//获取当前时间到1970年1月1日零点的毫秒值
data.getTime();
RegExp正则表达式对象
正则表达式:
-
单个字符[]
[a],[abc]
\d单个数字
\w,表示[a-zA-Z0-9]
-
量词字符
? 出现0或者1次
* 出现0或者多次
+ 出现1或者多次
{m,n} 最少出现m次,最多出现n次,可以缺省其中一项
-
^开始,$结束
-
RegExp对象
//创建正则表达式对象
var reg = new RegExp("正则表达式");
//创建方式2
var reg2 = /正则表达式/;
//测试
reg.test(字符串)
Golab对象
//编码与解码
encodeURI()
decondeURI()
//将js字符串转为脚本代码来执行
eval()
//解析一个字符串最前面的数字部分,并转为number类型
parseInt()
BOM弹出框
BOM里的方法可以直接调用,也可以通过windows.方法来调用
-
alter
弹出警告框
-
confirm
弹出确认框
-
prompt
弹出对话框
open和close窗口
-
open()
打开一个新窗口,可以传参(传地址)
并且返回一个window对象
-
close()
关闭一个窗口,谁调用就关闭谁
定时器
-
setTimeout()和setInterval()
设置一次性定时器和循环定时器,参数为js代码或者对象,第二个参数为定时的毫秒值
-
clearTimeout()和claerInterval()
清楚一次性定时器和循环定时器
Location地址栏对象
-
获取(创建)
window.location或者location
-
reload()方法
刷新当前页面
-
href属性
访问网站
location.href = " URL"
修改内容
对象.innerHTML = …
history浏览器历史记录
-
获取(创建)对象
window.history或者history
-
back()
当前窗口后退一步
-
forward()
当前窗口前进一步
-
history.length
当前窗口的历史记录个数
-
go()
跳转到具体某一个历史窗口
正数前进,负数后退
go(-1)相当于back()
go(1)相当于forward()
DOM获取element对象
-
getElementById()
根据id获取元素对象
-
getElementsByTagName()
根据标签名称获取元素对象们
返回值为数组
-
getElementsByClassNmae()
根据类名获取元素对象们
返回值为数组
-
getElementsByName()
根据名字(name)获取元素对象们
返回值为数组
element方法:
setAttribute()和removeAttribute()
设置属性和删除属性
eg.
ele.setAttribute(“href”,“http://www.baidu.com”)
注意:这是对于a标签的操作
创建其他DOM对象:
createAttribute(name)
createComment()
createElement()
createTextNode()
Node节点
- 节点对象,其他5个的父对象
特点:所有dom对象都可以被认为是一个节点
方法:
* CRUD dom树:
* appendChild():向节点的子节点列表的结尾添加新的子节点。
* removeChild() :删除(并返回)当前节点的指定子节点。
* replaceChild():用新节点替换一个子节点。
* 属性:
* parentNode 返回节点的父节点。