黑马程序员技术交流社区

标题: 【成都校区】javascript学习心得 [打印本页]

作者: liyc    时间: 2018-11-8 16:39
标题: 【成都校区】javascript学习心得
通过一个多月的学习,终于到了web前端的课程。让我对以后的工作方向有了更多的认识。
以下是我对前端部分知识的总结。
BOM:
        1. 概念:Browser Object Model 浏览器对象模型
                * 将浏览器的各个组成部分封装成对象。
        2. 组成:
                * Window:窗口对象
                * Navigator:浏览器对象
                * Screen:显示器屏幕对象
                * History:历史记录对象
                * Location:地址栏对象
        3. Window:窗口对象
            1. 创建
            2. 方法
                 1. 与弹出框有关的方法:
                    alert()        显示带有一段消息和一个确认按钮的警告框。
                    confirm()        显示带有一段消息以及确认按钮和取消按钮的对话框。
                        * 如果用户点击确定按钮,则方法返回true
                        * 如果用户点击取消按钮,则方法返回false
                    prompt()        显示可提示用户输入的对话框。
                        * 返回值:获取用户输入的值
                 2. 与打开关闭有关的方法:
                    close()        关闭浏览器窗口。
                        * 谁调用我 ,我关谁
                    open()        打开一个新的浏览器窗口
                        * 返回新的Window对象
                 3. 与定时器有关的方式
                    setTimeout()        在指定的毫秒数后调用函数或计算表达式。
                        * 参数:
                            1. js代码或者方法对象
                            2. 毫秒值
                        * 返回值:唯一标识,用于取消定时器
                    clearTimeout()        取消由 setTimeout() 方法设置的 timeout。
                    setInterval()        按照指定的周期(以毫秒计)来调用函数或计算表达式。
                    clearInterval()        取消由 setInterval() 设置的 timeout。
            3. 属性:
                1. 获取其他BOM对象:
                    history
                    location
                    Navigator
                    Screen:
                2. 获取DOM对象
                    document
            4. 特点
                * Window对象不需要创建可以直接使用 window使用。 window.方法名();
                * window引用可以省略。  方法名();
        4. Location:地址栏对象
                1. 创建(获取):
                        1. window.location
                        2. location
                2. 方法:
                        * reload()        重新加载当前文档。刷新
                3. 属性
                        * href        设置或返回完整的 URL。


        5. History:历史记录对象
        1. 创建(获取):
            1. window.history
            2. history

        2. 方法:
            * back()        加载 history 列表中的前一个 URL。
            * forward()        加载 history 列表中的下一个 URL。
            * go(参数)        加载 history 列表中的某个具体页面。
                * 参数:
                    * 正数:前进几个历史记录
                    * 负数:后退几个历史记录
        3. 属性:
            * length        返回当前窗口历史列表中的 URL 数量。





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2