JavaScript介绍与总括( 1,2 章 )

1. JavaScript 包含 ( ECMAScript , DOM , BOM ) 3 个部分

ECMAScript: ECMAScript 是语言基础, 它与WEB没有依赖关系, 换句话它可以运行在别的环境, 并分WEB宿主环境, 同时WEB宿主环境会给JavaScript提供一些额外的东西.

     文档对象模型(DOM) : 是一个API接口, DOM把整个页面映射为一个多层节点结构,页面的每个组成部分都是某种类型的节点, 这些节点又包含着不同类型的数据, 通过DOM创建的这个表示文档的树型图,开发人员获得了控制页面结构和内容的主动权。借助DOM提供的API,开发人员可以轻松的删除,添加,替换或修改任何节点。

image

dom1 : 映射文档结构.
dom2 : 扩充dom1, 鼠标和用户界面事件, 范围,遍历, 而且增加了对CSS的支持( 可以操控 css ).等等. 

dom3 : 是对bom2扩展.

浏览器对象模型(BOM) : 通过BOM可以控制浏览器显示的页面以外的部分,提供与浏览器交互的方法的和接口。

  • 弹出新浏览器窗口的功能
  • 移动,缩放和关闭浏览器窗口的功能
  • 提供浏览器详细信息的 navigator 对象
  • 提供浏览器所加载页面的详细信息的 location 对象
  • 提供用户显示器分片率详细信息的 screen 对象
  • 对 cookies 的支持
  • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象

注意 : 没有 BOM 标准可以遵循,因此每个浏览器都有自己的实现。

2.javascript位置

    1.head 中 , 在head中的javascript代码会被加载, 但是不会直接执行, 等到调用时, 会被执行.

    2.body 中, 在 body中的javascript代码会象HTML语言一样, 被直接加载和执行.

    3.外部文件, 可以使用外部文件加载方式.

提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护

   <script>标签的位置 : 如果.js 文件很大, 加载需要很长时间, 那么可以将<script>标签放置在     --> defer属性( 不是所有浏览器都支持 )

   <body>

         !-- 这放内容

         < script>   // 待所有HTML全部执行完后再加载script代码, 这样, 不影响打开html网页的时间

    </body>

3.javascript消息框

    1. alert( "Hello,world!" ) ;

    2. confirm("Confirm") ;

    3. prompt("input" , "default")

posted @ 2012-09-18 16:00  神之一招  阅读(222)  评论(0编辑  收藏  举报