《JavaScript与jQuery网页前端开发与设计-第2版》课件 CH01 绪论； CH02 JavaScript入门.ppt

2.1JavaScript的实现2.1.1ECMAScript2.1.2DOM2.1.3BOM2.1JavaScript的实现完整JavaScript的实现是由以下三个部分组成：ECMAScript：核心标准。DOM：文档对象模型。BOM：浏览器对象模型。2.1.1ECMAScriptECMAScript是JavaScript的核心标准，它描述了该语言的语法和基本对象。2.1.2DOMDOM指的是DocumentObjectModel（文档对象模型），它是HTML的应用程序接口。DOM将整个HTML页面看作是由各种节点层级构成的结构文档。2.1.3BOMBOM指的是BrowserObjectModel（浏览器对象模型），可以对浏览器窗口进行访问和操作处理。该模型最早是由IE3.0与NetscapeNavigator3.0提供的，目前所有的主流浏览器都支持BOM，但是会有各自独立的实现内容。2.2JavaScript的使用2.2.1内部JavaScript2.2.2外部JavaScript2.2JavaScript的使用JavaScript有两种使用方式：一是在HTML文档中直接添加代码；二是将JavaScript脚本代码写到外部的JavaScript文件中，再在HTML文档中引用该文件的路径地址。2.2JavaScript的使用这两种使用方式的效果完全相同，可以根据使用率和代码量选择相应的开发方式。例如有多个网页文件需要引用同一段JavaScript代码时，则可以写在外部文件中进行引用，以减少代码冗余。2.2.1内部JavaScriptJavaScript代码可以直接写在HTML页面中，只需使用script首尾标签嵌套即可。2.2.1内部JavaScript相关HTML代码语法格式如下：使用JavaScript代码中的alert()方法制作一段简单的示例：script//JavaScript代码.../scriptscriptalert(HelloJavaScript!);/script该语句表示打开网页后弹出警告对话框，显示的文字内容为HelloJavaScript!。2.2.1内部JavaScript【例2-1】内部JavaScript的简单应用2.2.2外部JavaScript如果选择将JavaScript代码保存到外部文件中，则只需要在HTML页面的script标签中声明src属性即可。此时外部文件的类型必须是JavaScript类型文件（简称为JS文件），即文件后缀名为.js。2.2.2外部JavaScript相关HTML代码语法格式如下：以在本地js文件夹中的myFirstScript.js文件为例，在HTML页面中的引用方法如下：scriptsrc=JavaScript文件URL/scriptscriptsrc=js/myFirstScript.js/script引用语句放在head或body首尾标签中均可，与在script标签中直接写脚本代码的运行效果完全一样。2.2.2外部JavaScript【例2-2】外部JavaScript的简单应用2.3JavaScript语法2.3.1JavaScript大小写2.3.2JavaScript分号2.3.3JavaScript注释2.3.4JavaScript代码块2.3.1JavaScript大小写在JavaScript中大小写是严格区分的，无论是变量、函数名称、运算符和其他语法都必须严格按照要求的大小写进行声明和使用。例如变量hello与变量HELLO会被认为是完全不同的内容。2.3.2JavaScript分号很多编程语言（例如C、Java和Perl等）都要求每句代码结尾要使用分号（;）表示结束。而JavaScript的语法规则对此比较宽松，如果一行代码结尾没有分号也是可以被正确执行的。2.3.3JavaScript注释为了提高程序代码的可读性，JavaScript允许在代码中添加注释。注释仅用于对代码进行辅助提示，不会被浏览器执行。JavaScript有两种注释方式：单行注释和多行注释。1.2.3jQuery的特点3. 兼容CSS3兼容CSS3的选择器语法规则，可以根据元素的样式来快速查找HTML元素。1.2.3jQuery的特点4. 跨浏览器支持jQuery支持目前所有主浏览器，例如IE、Firefox、Safari、Opera、Chrome等。因此开发者不用担心浏览器的兼容性问题。1.2.4jQuery的版本比较