黑马程序员技术交流社区

标题: 【成都校区】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