Javascript 基础教学（一）

2010年03月24日 | javascript, 前端技术

0条评论 |

1. 什么是javascript?

javaScript 是根据 “ECMAScript” 标准制定的网页脚本语言。

2. javascript的运行平台

javascript是运行在客户端浏览器上的客户端脚本语言。现在基本所有浏览器都支持javascript。

3. javascript的特点

javaScript 使网页增加互动性。javaScript 使有规律地重复的HTML文段简化，减少下载时间。javaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由服务器端验证。javaScript 的特点是无穷无尽的，只要你有创意。

4. javascript的开发工具

javascript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑javascript文件。推荐使用 Adobe Dreamweaver 或者 Microsoft Visual Studio 。

5. javascript在网页的用法

javascript加入网页有两种方法：

1、直接加入HTML文档

这是最常用的方法，大部分含有javascript的网页都采用这种方法，如：

<script type=”text/javascript”>

// 以下是 javascript 程序主体内容

alert(“这是 javascript 程序，采用直接插入的方法。”);

</script>

在这个例子中我们能看到一对“<script>…</script>”标签，而“<script type=”text/javascript”>”用来告诉浏览器这是 javascript 编写的程序，需要调动相应的解析程序进行解析。“//” 双斜杠表示 javascript 的注释部分，即从 “//” 开始到行尾的字符都被忽略。程序中所用到的 “alert” 函数是告诉浏览器弹出一个警告框，警告框的内容就是括号内括起来的文本。另外一点需要注意的是，“<script>…</script>”的位置并不是固定的，可以包含在“<head>…</head>”或“<body>…</body>”中的任何地方。

2、引用方式

如果已经存在一个javascript源文件（通常以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

<script src＝”url” type=”text/javascript”></script>

其中的url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。

注意：凡是指定了src属性的script标签里的内容都会被忽略。

关于javascript在网页的用法更详细的介绍请参见网址：http://www.w3school.com.cn/js/js_whereto.asp

6. 脚本的调试

随着用javaScript编程的深入，你会开始理解那些javaScript给出的不透明错误信息。一旦你理解了你常犯的一般性错误，你就会很快知道怎样避免它们，这样你写的代码中的错误将越来越少。编程实际上是一种能随着时间不断飞快进步的技术。但是不管变得多么熟练，你仍然要花一些时间调试你的代码。如果你做过家庭作业，或有过jacaScript编程经验，你会知道相当多的时间是花在调试上。这很正常，这只是编程者必须做的事之一。实际上，按照大量的研究，程序员平均百分之五十的时间花在解决代码中的错误。

1、根据浏览器提示信息调试

选择浏览器是很重要的，不同的浏览器的错误提示都不同，在浏览器中错误信息最容易理解的，能最快找出错误的，就是firefox和opera了。它们都会给出详细的出错原因和行号。

推荐使用Firefox浏览器进行开发javascript，基于Firefox浏览器的调试工具Firebug是一款非常优秀的组件，它可以指出你的脚本中的错误，查看DOM树，查看cookie，ajax通信，并且还有CSS的调试工具，而且也有不少firebug的扩展。

有时浏览器会在网页明明修改过的时候却依然使用缓存里的网页来显示，这时最好强制刷新网页以重新载入数据，如果还不行就清除缓存。通常一个HTML页面引入外部javascript脚本文件时，这个外部javascript脚本文件会被缓存，很多时候不明的错误都是缓存造成的，所以当我们发现我们明明修正了错误而错误却还在发生时记得要清除缓存试试哦。

2、输出变量调试

如果你使用firebug调试的话，可以很方便地在脚本里用“console.log()”函数来输出变量的值，而且幸运的是，firebug还会对你输出的变量进行解析，在控制台里显示一个清晰的变量结构。

如果你没有firebug，那么可以用alert代替，不过当有几百个变量输出时，很可能不得不强行关闭浏览器。在网页里专门放置一个调试用的div也是一种不错的解决办法。

7. javascript与DOM

DOM = Document Object Model，文档对象模型，根据W3C DOM规范，DOM是HTML与XML的应用编程接口（API），DOM将整个页面映射为一个由层次节点组成的文件。有1级、2级、3级共3个级别。

DOM不仅适用于xhtml文档，对于所有的xml文档dom都是可以使用的。

DOM的级别

1级：基本的节点操作一级里都包括了

2级：增加了对样式表、文档显示、事件处理等的支持

3级：可以用javascript加载和保存文档、检查文档错误

标签： javascript基础教学

灵祇