javascript学习笔记

本文主要是介绍javascript学习笔记，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

参考手册

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 返回节点的父节点。

这篇关于javascript学习笔记的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！