JavaScript

JavaScript概述

 JavaScript 是面向 Web 的编程语言，获得了所有网页浏览器的支持，是目前使用最广泛的脚本编   程语言之一，也是网页设计和 Web 应用必须掌握的基本工具。

 JavaScript = ECMAScript + BOM + DOM

    一.BOM

      1.  浏览器对象模型(Browser Object Model)

        
        把浏览器中的各个组件拆分出来，每一个都封装成了一个对象
        
            Navigator：浏览器对象
            *Window：浏览器窗口对象
            *Location：浏览器地址栏对象
            *History：浏览器历史栏对象
            Screen：浏览器参数对象
            
            *Document：浏览器文档对象，单独一个，因为比较重要，所以形成了DOM
            
        a.Window对象
            window对象中的方法可以直接使用，不需要对象名调用
            
            常见的方法

                弹出框方法

                    alert()：显示带有一段消息和一个确认按钮的警告框
                    confirm()：确认按钮和取消按钮的对话框
                    prompt()：显示可提示用户输入的对话框
                    
                打开和关闭方法
                    open()：打开一个新的浏览器窗口
                    close()：关闭浏览器窗口
                    
                计时器方法
                    setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式
                        两个参数：
                            第一个参数：要执行的任务
                            第二个参数：多长时间(毫秒值)
                            
                    clearInterval()：取消由 setInterval() 设置的 timeout
                    
                    setTimeout()：在指定的毫秒数后调用函数或计算表达式
                    clearTimeout()：取消由 setTimeout() 方法设置的 timeout
            
            常见的属性
                document
                history
                location
                
        b.Location对象
            常见的方法
                reload()：重新加载当前文档
            
            常见的属性
                href：设置或返回完整的 URL
                
        c.History对象
            常见的方法
                forward()：加载 history 列表中的下一个 URL
                back()：加载 history 列表中的前一个 URL
                go()：加载 history 列表中的某个具体页面
                    里面需要传递参数
                    如果传递的是正数，代表下某个页面
                    如果传递的是负数，代表上某个页面
            
            常见的属性
                length：返回浏览器历史列表中的 URL 数量
            
    2.DOM
        文档对象模型(Document Object Model)
        
        把文档中的各个部分拆分出来，每一个都封装成了一个对象
        
              *Document：文档对象，整个树对象
            *Element：标签对象
            Attribute：属性对象
            Text：文本对象
            Comment：注释对象
            *Node：节点对象
            
        DOM的分类
            HTML DOM
            XML DOM
            
        a.Document对象
            1.获取标签对象
                getElementById()：根据id属性来获取标签对象
                getElementsByName()：根据name属性来获取标签对象们
                getElementsByTagName()：根据标签名字来获取标签对象们
                getElementsByClassName()：根据class属性值来获取标签对象们
                
            2.创建元素和文本对象
                createElement()
                createTextNode()