黑马程序员技术交流社区

标题: JavaScript的引入方式及开发步骤 [打印本页]

---

作者: 水煮牛蛙    时间: 2018-5-3 17:10
标题: JavaScript的引入方式及开发步骤

JavaScript的引入方式及开发步骤

1.引入方式
        通常两种方式：
                一种：页面内直接编写JS代码,JS代码需要使用<script></script>.
                           可以放在head部分,也可以放在body部分
                二种：将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.
                            格式:
                                   将JS的代码定义成一个文件引入:
                                  <script src="../js/check.js"></script>


2.开发步骤
                JS通常都由一个事件触发.
                1.确定事件
                2.触发一个函数,定义一个函数.
                3.获得操作对象的控制权(获得要操作的元素)
                4.修改要操作的对象的属性或值.
3.JavaScript 实现是由以下 3 个不同部分组成的：
                                                1.核心（ECMAScript）
                                                2.文档对象模型（DOM）
                                                3.浏览器对象模型（BOM）
                1.ECMAScript ECMAScript 仅仅是一个描述，定义了脚本语言的所有属性、方法和对象。
                                        描述了以下内容：
                                                        语法
                                                        类型
                                                        语句
                                                        关键字
                                                        保留字
                                                        运算符
                                                        对象
                2.DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。
                  DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页
                  面的每个部分都是一个节点的衍生物。
                  DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具
                  有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。
                3.BOM IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM（浏览器
                  对象模型），可以对浏览器窗口进行访问和操作。
                  * BOM 具有以下对象:
                                        Window 对象  :表示浏览器中打开的窗口。
                                        Navigator 对象 :包含有关浏览器的信息。
                                        Screen 对象  :包含有关客户端显示屏幕的信息。
                                        History 对象  : 包含用户（在浏览器窗口中）访问过的 URL。
                                        Location 对象  :包含有关当前 URL 的信息。

---

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

黑马程序员IT技术论坛 X3.2