预览加载中，请您耐心等待几秒...

JavaScriptDOM编程艺术.docx

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共29页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第一章JavaScript简史 1、JavaScript是Netscape公司和Sun公司合作开发的。 之后，微软公司以JScript为名发布了JavaScript的一个版本； 面对微软公司的竞争，Netscape和Sun公司联合ECMA（欧洲计算机制造商协会）对JavaScript进行了标准化，于是出现了ECMAScript语言。现在谈论的JavaScript实际上就是ECMAScript。 2、JavaScript与Sun公司开发的Java程序语言没有任何联系。 JavaScript最开始的名字为LiveScript。 Java在理论上几乎可以部署在任何环境中，但JavaScript倾向于只应用在Web浏览器上。 3、JavaScript是一种脚本语言，需要由Web浏览器进行解释和执行，而不能独立运行。 4、BOM（浏览器对象模型）设定浏览器属性的方法 5、DOM（文档对象模型） DOM是一套对文档的内容进行抽象和概念化的方法。 第0级DOM（DOMLevel0）常见用途是：翻转图片和验证表单数据（images和forms）——浏览器之间的冲突——Netscape、微软和其他一些浏览器制造商与W3C携手制定了一个标准化的DOM，即第1级DOM（DOMLevel1） 6、DHTMLDynamicHTML（动态HTML）的简称，描述HTML、CSS和JavaScript技术组合的术语。 （1）利用HTML把网页标记为各种元素。 （2）利用CSS设置元素样式和它们的显示位置。 （3）利用JavaScript实时地操控页面和改变样式。 7、DOM是一种API（应用编程接口）。 W3C对DOM的定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。 8、苹果公司——Safari浏览器（基于Webkit）遵循DOM标准 Firefox、Chrome、Opera和IE等都支持DOM。 PS：Webkit是Safari和Chrome采用的一个开源Web浏览器引擎。 第二章JavaScript语法 1、用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。有两种方式可以做到这点。 方式一：将JavaScript代码放到文档<head>标签中的<script>标签之间。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="utf-8"/> <title>Example</title> <script> JavaScriptgoeshere... </script> </head> <body> Mark-upgoeshere... </body> </html> 方式二：把JavaScript代码存为一个扩展名为.js的独立文件，在文档的<head>部分放一个<script>标签，并把它的src属性指向该文件。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="utf-8"/> <title>Example</title> <scriptsrc="file.js"></script> </head> <body> Mark-upgoeshere... </body> </html> 注意：最好的方式是把<script>标签放到HTML文档的最后，</body>标签之前，这样能使浏览器更快地加载页面。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="utf-8"/> <title>Example</title> </head> <body> Mark-upgoeshere... <scriptsrc="file.js"></script> </body> </html> 2、程序设计语言分为解释型和编译型两大类。 解释型程序设计语言不需要编译器，只需要解释器。对于JavaScript语言，在互联网环境下，Web浏览器负责完成有关的解释和执行工作。浏览器中的JavaScript解释器将直接读入源代码并执行。 浏览器中如果没有解释器，JavaScript代码就无法执行。 3、变量（variable） （1）赋值（assignment）把值存入变量的操作 mood=”happy”; age=33; （2）JavaScript允许程序员直接对变量赋值而无需事先声明。在JavaScript脚本中，如果程序员在对某个变量赋值之前未进行声明，赋值操作将自动声明该变量。但是提前声明变量是一种良好的编程习惯。 （3）声明（declare）var是一个关键字 varmood,age; 声明变量，同时赋值 varm