A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 1500744428 初级黑马   /  2018-10-24 17:33  /  1125 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


DOM:
                dom概述:
                        dom文档对象,作用操作文档(比如html)
                        一个文档都有什么组成:标签,属性,文本等
                dom常见的对象:
                        doucument(文档对象,操作html任意元素)
                                1.获取元素的方法:
                                        1.根据ID获取元素:getElementById("ID属性的值")
                                        2.根据标签名称获取元素数组:getElementByTagName("标签名称")
                                        3.根据class属性获取元素数组:getElementByClassNmae("calss属性的值")
                                2.创建元素的方法:
                                        创建一个元素(标签):var ele =document.createElement("标签名称")
                                        创建一个文本(文本元素): var text =document.createTextNode("文本")
                Element(元素对象,其实标签对象)
                        添加元素的方法:
                                添加一个子元素: 父元素.appendChild(子元素);
                                移除一个子元素: 父元素.removeChild(子元素);
                        操作属性的方法:
                                setAttribute("属性名称","属性的值");
                                removeAttribute("属性名称");
                dom的原则:通过父元素操作子元素
       
        事件:
                事件概述:
                        javascript基于对象和事件的一门客户端语言
                        基于对象:对象已经创建好了,可以直接使用
                        基于事件驱动:html的标签和事件绑定在一起,通过触发事件
                        调用对应的函数.
                事件绑定的二中方式:
                        第一种:直接绑定.
                                <input type = "button" value ="点我啊" onclick=fun1();>
                                        <script type ="text/javascript">
                                                1.直接绑定:直接在标签上书写事件属性和js代码绑定
                                                function fun1(){
                                                        alert("直接绑定")
                                                }
                                        </script>
                               
                        第二种:间接绑定.
                                <input type = "button" value ="点我啊2" id ="fun2">
                                        //根据id获取id =fun2的对象
                                                var obj =document.getElementById("fun2");
                                                //标签操作属性
                                                obj.onclick =function(){
                                                        alert("间接绑定")
                                                }
                                                </script>
                                               
                常用的事件:
                        1.鼠标点击事件:
                                onclick(任何标签都有这个事件)
                        2.焦点事件:
                                onblur:失去焦点事件(input输入框用这个事件)
                                onfocus:获取焦点事件
                        3.鼠标状态事件:
                                onmouseover(鼠标移动到元素上)
                                onmouseout(鼠标移开)
                        4.内容改变事件:
                                onchange(在下拉列表里面使用它)
                        5.键盘事件:
                                onkeyup(键盘松开事件)
                        6.表单提交事件:
                                onsubmit(表单提交事件,通过返回boolean类型的值,来控制表单的提交)
        Bom的对象:
                window对象(最顶层)
                        特点:(调用方法或者属性时,可以省略不写)
                                1.弹出窗口方法:
                                        alert() confirm() prompt()
                                2.窗口的开关方法:
                                        open() close()
                                3.定时器方法:
                                        开启一次性定时器:
                                                var id =setTimeout(js代码,毫秒值);
                                        清除一次性定时器:
                                                clearTimeout(id);
                                        开启循环定时器:
                                                var id =setinterval(js代码,毫秒值);
                                        清除循环定时器:
                                                clearinterval(id);
                Location对象:
                        属性href
                                获取属性的值:
                                        var v = location.href;
                                修改属性的值:
                                        location.href="新的访问地址"
                History对象(了解)
                Navigator对象(了解)
                Screen对象(了解)


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马