JavaScript笔记 有详细笔记可留言 后续改进

Js
    js代码页面引入的3种方式?
        1,独立js文件 外部js
        2,内部script标签 内部js
        3,标签内部js代码 行内js
    基础语法:
        输出语句
            控制台输出语句:console.log();
            页面输出语句:document.write();
        输入语句:
            弹框:
                alert("");提示框
                boolean=confirm(); 选择框
                prompt();输入框
        定义变量:
            var 变量名;
        数据类型:
            undefined  变量声明未赋值
            null 表示一个空值 object 对象
            number 所有的数字
            boolean true false
            string 字符串
        检测类型的运算符:
            typeOf(参数);
        string常用的方法:查阅文档
        数组:
            var 数组名=[];
            var 数组名=new Array(数组的长度);
        运算符:===(比较类型比较值)
        逻辑控制语句:同java (for in  for of)
    函数:
        预定义函数:
            typeOf();
            alert();
            parseInt();
            parsefloat();
            isNaN();
            等等
        自定义函数:
            function 函数名(形参); 函数内部用retrun语句返回值;
            直接使用function定义的函数 会函数提升
            调用:
                函数名(实参);
            arguments(函数内部数组对象 存放的传入的参数集合);
            /* 匿名函数 只会执行一次*/
            (function(){
                alert("hello");
            })();
        对象:
            let 对象名={
                属性名:属性值,
                函数名:function(){
                    
                }
            };
        内置对象:
            Date对象;
            Math对象;
        let var const 区别:
            var 定义变量 作用域缺陷 变量声明提升的缺陷
            let 定义变量
            const 定义常量
Js中的事件:
        鼠标事件
        键盘事件
        表单事件
Js操作BOM对象:
        B(Browser) O(Object) M(Model)
        浏览器     对象        模型
        Window对象
            属性:
                history
                lacation
            方法:
                close();
                open();
                id=setTimeout();定时函数 执行一次
                id=setInterval();定时函数 执行多次
                清除定时函数:
                    clearInterval(id)
        History对象:
            方法:
                back();
                forward();
                go(0/-1/1);
        Laction对象:
            属性:
                host
                port
                href
            方法:
                reload();刷新
        document对象:
            属性:
                referrer
                URL
            方法:
                write();可以写标签 文本
                getElementById("id名"); 通过id获取元素 返回一个对象
                getElementsByName("name属性值"); 通过name 返回一个节点集合
                getElementsByTagName("标签名");通过标签名  返回一个节点集合
                innerText属性 指定元素设置文本内容     获取元素文本内容
                innerHtml属性 指定元素设置文本内容 html标签  获取元素文本内容 html标签 
                value属性 获取输入框里面的数据
            层次关系访问节点:
              属性:
                parentNode;父节点
                (会将空格当成一个节点)
                childNodes;子节点集合(包含文本节点)
                firstChild;第一个子节点
                lastChild:最后一个子节点
                nextSibling:下一个节点
                previousSibling: 上一个节点
                (不会将空格当成一个节点 Element)
                nextElementSibling
                previousElementSibling
                lastElementChild
                firstElementChild
                节点信息属性:
                    nodeName:节点名称
                    nodeValue:节点值
                    nodeType:节点类型
            增删改查节点:
                1,操作节点的属性
                    getAttribute("属性名");根据属性名获取属性值
                    setAttribute("属性名","属性值");设置
                    removeAttribute("属性名");根据属性名删除
                2,创建节点:
                    document.createElement("标签名");
                   添加节点:
                    A.appendChild(B);将B节点添加至A节点内部的末尾
                    insertBefore(A,B);将A节点添加至B节点的之前
                

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值