阅读背景:

前端基础 — BOM和DOM

来源:互联网 

 简介

课上笔记

1、内容回顾
补充:
    Number
    paeseInt("111")
    parseFloat("11.11")
函数
    函数的定义
        一般函数定义:
            function foo(a,b){
                函数的代码块;
                return:返回值
            }
        匿名函数:
            var function(){...}
        立即执行函数:
            (function(a,b){...})(实参1,实参2)
    函数的参数:
        不严谨(可传多,可传少,就是不报错)
        arguments:函数内部可以通过arguments拿到所有参数
    作用域
        函数内部可以调用函数外部的变量
        函数外部无法访问函数内部的变量
    词法分析
        函数调用一瞬间要做两步:
            1、分析(AO)对象
                1、先分析有没有参数
                2、看看有没有局部变量
                3、看看有没有函数声明
            2、真正执行
                取值都是在AO对象上找
自定义对象
    定义的两种方法:
        1、var p1 = {name:"alex","age":18}
        2、var p2 = new Object();
            p2.name = "alex"
            p2.age = 18;
    遍历自定义对象方式:
        for (var i in p1){
        console.log(i);
        console.log(p1[i])
        }
内置对象和方法
    1、Date
        1、生成对象
            var d1 = new Date()
            var d2 = new Date("2018-1-1")
        2、方法
            1、d1.toLocalString()
            2、d1.toUTCString()
            3、d1.getFullYear()
            4、d1.getMonth()  (0~11)
            5、d1.getDay()  (星期天是0)
            ...
    2、JSON
        1、字符串转JSON对象
            var jsonObj = JSON.parse('{"name":"alex","age":18}'')
        2、JSON对象转换成字符串
            var s = JSON.stringify(jsonObj)
    3、Math
    4、RegExp
        1、定义正则两种方式
            1、var reObj1 = new RegExp("^[a-zA-Z][a-zA-Z0-9]{5,11}$");
            2、var reObj2 = /^[a-zA-Z][a-zA-Z0-9]{5,11}$/
        2、常用方法
            reObj1.test("将要被校验的字符串")
        3、正则的匹配模式
            1、g -->全局
            2、i -->不区分大小写
        4. 几个坑
            1. 正则表达式之间不能加空格
            2. .test()不传值相当于.test(undefined)--> .test("undefined")
            3. 全局匹配模式注意事项
                var reObj = /Alex/g;
                reObj.test("Alex")    --> lastIndex属性被设置成下一位4
                reObj.test("1234Alex") 就返回true
    面试题:
         引申出一个新的知识点:
             .sort(key=...)
2、今日内容
    1、BOM
        1、location
            1、location.href  -->获取当前的URL(网址)
            2、location.href="/go.html?url=https://www.sogou.com" -->跳转到指定网址
        2、setTimeout和clearTimeout
            多少毫秒之后做什么事
        3、setInterval和val
            每隔多少毫秒之后做什么事
    2、DOM
        1、什么是DOM
        2、DOM都有哪一些内容
        3、JS操作DOM
            1、找标签
                1、基本查找
                    1、根据ID找标签(有且只能有一个)
                        document.getElementById("ID值")
                    2、根据class名字找(找到的可以是多个)
                        document.getElememtsByClassName("class值")
                    3、根据标签名找(找到的可以是多个)
                        document.getElementsByTagName("标签名")
                2、间接查找
                    1、找父标签
                        document.parentElement
                    2、找子标签(找到的可以是多个)
                        document.children
                    3、第一个子标签
                    4、最后一个子标签
                    5、前一个兄弟标签
                    6、后一个兄弟标签
            2、创建标签 *****
                createElement("标签名")
            3、添加标签
                1、在内部的最后添加
                    appendChild("标签名")
                2、在内部的某个标签前面加
                    insertBefor(要插入的新标签,哪个标签之前)
            4、属性(内置属性)
                .属性名 = "属性值"
                自定义的属性只能用:
                    .setAttribute("s9","hao")
                    .setAttribute("s9")
                    .removeAttribute("s9")
            5、文本操作
                1、设置文本的内容
                    .innerText=""
                2、设置标签内容
                    .innerHTML="1、内容回顾
补充:
    Nu



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: