Breakthrough—JavaScript基础

1. JavaScript开发工具：

JavaScript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑JavaScript文件。在Dreamweaver CS5中不仅有很好的代码高亮，还有较全的代码提示和错误提示，相比其他编辑器来说是十分强大的。

Visual Studio 2008 支持JavaScript调试，使程序开发起来更加方便。

2. 使用技巧：

在网页中的用法

Javascript加入网页有两种方法：

　　1、直接加入HTML文档

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

<!--

　　document.write("这是Javascript！采用直接插入的方法！");

　　//-Javascript结束-->

　　</script>

　　在这个例子中，我们可看到一个新的标签： <script>……</script>，而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。（w3c已经建议使用新的标准：<script type="application/javascript">)

HTML的注释标签：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。

　　注意在非xhtml文档中插入script标签时，如果不是引用外部文件，应该在script内加上cdata声明，避免大于和小于运算符引起的浏览器解析错误

　　//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在<head>......</head> 或<body>.....</body>中的任何地方。

　　还有一个更高级版本的嵌入脚本，它使用了HTML中的CDATA语法（Character Data，就是把CDATA中的文本全部当作纯文本处理，除非遇到CDATA的结束）

//--><!]]></script>

引用方式：

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

其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.write("这是Javascript！采用直接插入的方法！");

在网页中可以这样调用程序：<script src＝"Script.js" type="text/javascript"></script> 。

也可以同时在导入文件时制定javascript的版本，例如：<script src＝"Script.js" type="text/javascript; version=1.8"></script>

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

调试的技巧：

根据浏览器的提示信息

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

使用调试工具

如果你是Firefox的用户，那么你可以到添加组件的网页中搜索一些用于网页开发的组件。

joxiaochi

Breakthrough—JavaScript基础

公告