Java教程

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学习笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!