JavaScript介绍与总括( 1,2 章 )
1. JavaScript 包含 ( ECMAScript , DOM , BOM ) 3 个部分
ECMAScript: ECMAScript 是语言基础, 它与WEB没有依赖关系, 换句话它可以运行在别的环境, 并分WEB宿主环境, 同时WEB宿主环境会给JavaScript提供一些额外的东西.
文档对象模型(DOM) : 是一个API接口, DOM把整个页面映射为一个多层节点结构,页面的每个组成部分都是某种类型的节点, 这些节点又包含着不同类型的数据, 通过DOM创建的这个表示文档的树型图,开发人员获得了控制页面结构和内容的主动权。借助DOM提供的API,开发人员可以轻松的删除,添加,替换或修改任何节点。
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")