JavaScript是什么？
点击次数：25 次 发布日期：2008-11-26 19:43:48 作者：源代码网
|
源代码网推荐 Javascript是一种新的描述语言，此一语言可以被箝入HTML的文件之中透过JavaSc－ ript可以做到回应使用者的需求事件(如form的输入)而不用任何的网路来回传输资料所以 当一位使用者输入一项资料时，它不用经过传给伺服端server)处理，再传回来的过程， 而直接可以被客户端(client)的应用程式所处理，你也可以想像成有一个可执行程式在你的客端上执行一样。目前已有一些写好的程式在Internet，上你可以连过去看看，以下有一些计算器的例子。 源代码网推荐 源代码网推荐 Javascript是Netscape的超级武器 源代码网推荐 源代码网推荐 在Javascript是上，Javascript和Java 很 源代码网推荐 类似，但到底并不一样。Java是一种比JavaS－ 源代码网推荐 cript更复杂许多的程式语言。而Javascript则 源代码网推荐 是相当容易了解的语言，Javascript创作者可 源代码网推荐 以不那麽注重程式技巧。所以许多Java的特性 源代码网推荐 在Javascript中并不支援，如需相关的更多资 源代码网推荐 讯，可以去读读 Netscape 的有关 Netscape 源代码网推荐 Javascript 之介绍。 源代码网推荐 源代码网推荐 如何执行 Javescript？ 源代码网推荐 Javascript如何执行呢？Netscape 2.0 beta 3版以上，就可以执行Javascript的 源代码网推荐 功能了。我们测试过，至少beta 3版以上可以。或许beta 2版就已经有此功能了） 源代码网推荐 范例 1 源代码网推荐 以下我们就以一些例子来告诉你如何将Javascript写在HTML文件中，并且体会一下新 源代码网推荐 语言的特性，我们从第一个例子开始，如何用Javascript印出一串文字至HTML 文件中。 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 My first Javascript! 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 <br> 源代码网推荐 This is a normal HTML document. 源代码网推荐 <br> 源代码网推荐 <script language="Livescript"> 源代码网推荐 document.write("这是以 Javascript 印出的!") 源代码网推荐 </script> 源代码网推荐 <br> 源代码网推荐 Back in HTML again. 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 如果你使用的WWW浏览器是Netscape 2.0 beta 3以上版本的话，那你就可以看到相 源代码网推荐 关的结果，而如果你的浏览器并非是可以支援Javascript的话，那看起来就会有一些怪怪 源代码网推荐 的了。以上范例的结果如下 源代码网推荐 This is a normal HTML document. 这是以 Javascript 印出的! 这是以 Javascript 印出的!Back in HTML 源代码网推荐 again. 源代码网推荐 此一范例并没有太大的用处，它只是要告诉你如何使用<script>的标签，并如何将它 源代码网推荐 置於HTML的文件之中而已，这个新的标签你可以特它放在文件中的任何地方。 源代码网推荐 范例 2 源代码网推荐 接下来下一个例子所要介绍的是有关函数(function)的使用，请放心，函数并非很难 源代码网推荐 懂的东西，但它却相当有用，函数通常是在HTML文件中<body>的部份被呼叫，而理所当然 源代码网推荐 地，它最好事先被宣告并放在HTML文件中<body＞的部份，好让在 <body>部分中使用到函 源代码网推荐 数时，它已确定被读取住来。另外<script>标签的有关描述语法剖份，你可以用注解的符 源代码网推荐 号将它括起来，以免旧版或无法读取Javascript的浏览器读到，而误会了意思。 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 <script language="Livescript"> 源代码网推荐 function pushbutton() { 源代码网推荐 alert("嗨! 你好"); 源代码网推荐 } 源代码网推荐 </script> 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 <form> 源代码网推荐 <input type="button" name="Button1" value="Push me" onclick="pushbutton()"> 源代码网推荐 </form> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 如果你是使用Netscape 2.0 beta 3以上的浏览器，那以上Javascript语法部份的 源代码网推荐 结果如下，你可以试著按按钮看看有何结果产生。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 在范例2中，将会产生一个按钮，当你用滑鼠去按它的时候，应该会出现一个视窗上 源代码网推荐 面有“嗨! 你好”的字串，如何？不错吧。这个结果是如何产生的呢？首先，在 <head＞ 源代码网推荐 内的函数会被载入并存於记忆体中，接著一个新的<form＞标签 <input type ="butto－ 源代码网推荐 n".....＞将产生一个接钮，然後，你可以在後面看到 "onClick" 的指令，这就是告诉浏 源代码网推荐 览器，当该按钮被按时，应会执行onClick 後的函数 "pushbutton()" 而这个函数在刚刚 源代码网推荐 程式被载入时就已安放在记忆体中了，请注意，在这个函数中我们用到了个新东西─alert 源代码网推荐 的method。是Javascript事先定义好的，它会以对话视窗产生内涵的讯息，并有一“确定 源代码网推荐 "(OK)的按钮。 源代码网推荐 Javascript定义了许多的method，你可以连至Netscape公司去获取较完整的讯息。我想 源代码网推荐 这些method在不久的将来会有长长的一串可以够你学的，不过目前的method也已经可以做 源代码网推荐 出相当多东西了。 源代码网推荐 接著下个例子将告诉你如何由一个输入型表格中读入使用者的输入资料事实上，这也 源代码网推荐 是加入个函数就可以达成的： 源代码网推荐 范例 3 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 <script language="Livescript"> 源代码网推荐 <!-- hide script from old browsers 源代码网推荐 function getname(str) { 源代码网推荐 alert("哈罗! "+ str+"!"); 源代码网推荐 } 源代码网推荐 // end hiding contents --> 源代码网推荐 </script> 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 Please enter your name: 源代码网推荐 <form> 源代码网推荐 <input type="text" name="name" onBlur="getname(this.value)" value=""> 源代码网推荐 </form> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 现在你可以试试结果如何 源代码网推荐 请输入你的名字 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 在这个例子中又有新的东西了，首先，让我们注意一下，在语法中的注解部分 源代码网推荐 (<!- ... -＞) 此部分，即我们之前所提到的，它可以避免旧版本或是不支援Javascript 源代码网推荐 的WWW浏览器。因为不认识这些函数而产生错误，它的顺序应该为<script>。先接著为注解 源代码网推荐 的开头<!- 然後是内容 注解尾 -＞，最後是</script>另外要注意的一点是：语解尾那 源代码网推荐 一行的开头双斜线 "//" 不可以省略，它代表了Javascript的注解，若省略了的话 -＞之 源代码网推荐 前的字会被误认为是Javascript的指令 源代码网推荐 这个例子可以让使用者输入一段文字，然後再输入完毕後经由<input>标签中的"onB- 源代码网推荐 lur"事件函数侦知，於是呼叫Getname(Str)这个函数来加以取得输入字串。并将它显示在 源代码网推荐 对话视窗上，函数 Getname(this.value) 中的 "this.value" 是你在文字输入格式中所输 源代码网推荐 入的值。 源代码网推荐 范例 4 源代码网推荐 这个范例更是帅了，我们在 HTML 文件档完成了以後，常会加上一行文件最後修改的 源代码网推荐 日期，现在你可不用担心每次都要去改或是忘了改了。你可以很简单的写一个如下的描述 源代码网推荐 语法程式。就可以自动的为你每次产生最後修改的日期了。 源代码网推荐 <html> 源代码网推荐 <body> 源代码网推荐 This is a simple HTML- page. 源代码网推荐 <br> 源代码网推荐 Last changes: 源代码网推荐 <script language="Livescript"> 源代码网推荐 <!-- hide script from old browsers 源代码网推荐 document.write(document.lastModified) 源代码网推荐 // end hiding contents --> 源代码网推荐 </script> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 以上的 document.lastModified 参数在 Netscape 2.0 beta 2 版时是被写成 源代码网推荐 documeut－.lastmodified 的。然而，之後的版本就改为document.lastModified所以注 源代码网推荐 意一下，Javascript本身是会区分大小写的，lastmodified 与 lastModified在它看来是 源代码网推荐 不同的结果最後。在这一部分结束之前，要提醒你一点：像范例4的用法并非每一部机器 源代码网推荐 都是一样的。例如：PC上跑得很正确的，在工作站上不一定会有相同的结果。所以，或许 源代码网推荐 你仍得测一测不同机器的结果才会有所定论。当然，这一切是因为 Javascript 还正在发 源代码网推荐 展的原因,最新的讯息还是得去拜访一下Netscape 公司才知道。也许你也不用奇怪，当你 源代码网推荐 隔周再来访时Javascript可能又作了相当大的改变了呢。 源代码网推荐 源代码网推荐 ｜返回｜ 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 第 1 集 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 Javascript 是什麽？ 源代码网推荐 Javascript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。 源代码网推荐 源代码网推荐 透过 Javascript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路 源代码网推荐 源代码网推荐 来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server) 源代码网推荐 源代码网推荐 处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。你也可 源代码网推荐 源代码网推荐 以想像成有一个可执行程式在你的客端上执行一样！目前已有一些写好的程式在 源代码网推荐 源代码网推荐 Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。 源代码网推荐 源代码网推荐 源代码网推荐 Javascript 和 Java 很类似，但到底并不一样！ Java 是一种比 Javascript 更复杂 源代码网推荐 源代码网推荐 许多的程式语言，而 Javascript 则是相当容易了解的语言。Javascript 创作者 源代码网推荐 源代码网推荐 可以不那麽注重程式技巧，所以许多 Java 的特性在 Java script 中并不支援。 源代码网推荐 源代码网推荐 如需相关的更多资讯，可以去读读 Netscape 的有关 Netscape Javascript 之介绍。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 如何执行 Javescript？ 源代码网推荐 Javascript 如何执行呢？ 源代码网推荐 源代码网推荐 Netscape 2.0 beta 3 版以上，就可以执行 Javascript 的功能了，我们测试过至少 源代码网推荐 源代码网推荐 beta 3 版以上可以，其他种类的 WWW 浏览器如:Internet Expore 3.0也有此一功能。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 范例 1： 源代码网推荐 源代码网推荐 以下我们就以一些例子来告诉你如何将 Javascript 写在 HTML 文件中，并且体会 源代码网推荐 源代码网推荐 一下新语言的特性，我们从第一个例子开始：如何用 Javascript 印出一串文字至 源代码网推荐 源代码网推荐 HTML 文件中： 源代码网推荐 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 My first Javascript! 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 <br> 源代码网推荐 This is a normal HTML document. 源代码网推荐 <br> 源代码网推荐 <script language="Livescript"> 源代码网推荐 document.write("这是以 Javascript 印出的!") 源代码网推荐 </script> 源代码网推荐 <br> 源代码网推荐 Back in HTML again. 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 源代码网推荐 如果你使用的 WWW 浏览器是 Netscape 2.0 beta 3 以上版本的话，那你就可以 源代码网推荐 源代码网推荐 看到相关的结果，而如果你的浏览器并非是可以支援 Javascript 的话，那看起 源代码网推荐 源代码网推荐 来就会有一些怪怪的了，以上范例的结果如下： 源代码网推荐 源代码网推荐 This is a normal HTML document. 源代码网推荐 这是以 Javascript 印出的! 源代码网推荐 Back in HTML again. 源代码网推荐 源代码网推荐 此一范例并没有太大的用处，它只是要告诉你如何使用<script>的标签，并 源代码网推荐 源代码网推荐 如何将它置於 HTML 的文件之中而已，这个新的标签你可以特它放在文件 源代码网推荐 源代码网推荐 中的任何地方。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 范例 2： 源代码网推荐 源代码网推荐 接下来下一个例子所要介绍的是有关函数 (function) 的使用。请放心，函数并 源代码网推荐 源代码网推荐 非很难懂的东西，但它却相当有用。函数通常是在 HTML 文件中 <body ＞的 源代码网推荐 源代码网推荐 部份被呼叫，而理所当然地，它最好事先被宣告并放在 HTML 文件中 <body＞ 源代码网推荐 源代码网推荐 的部份。好让在 <body＞ 部分中使用到函数时，它已确定被读取住来。另外， 源代码网推荐 源代码网推荐 <script＞ 标签的有关描述语法剖份，你可以用注解的符号将它括起来，以免旧 源代码网推荐 源代码网推荐 版或无法读取 Javascript 的浏览器读到，而误会了意思！ 源代码网推荐 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 <script language="Livescript"> 源代码网推荐 function pushbutton() { 源代码网推荐 alert("嗨! 你好"); 源代码网推荐 } 源代码网推荐 </script> 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 <form> 源代码网推荐 <input type="button" name="Button1" value="Push me" onclick="pushbutton()"> 源代码网推荐 </form> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 源代码网推荐 如果你是使用 Netscape 2.0 beta 3 以上的浏览器，那以上 Javascript 语法部份 源代码网推荐 源代码网推荐 的结果如下，你可以试着按按钮看看有何结果产生！ 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 在范例 2 中，将会产生一个按钮，当你用滑鼠去按它的时候，应该会出现 源代码网推荐 源代码网推荐 一个视窗上面有“嗨! 你好”的字串，如何？不错吧！这个结果是如何产生 源代码网推荐 源代码网推荐 的呢？首先，在 <head＞内的函数会被载入并存於内存中，接着一个新 源代码网推荐 源代码网推荐 的 <form＞标签 <input type ="button".....＞将产生一个接钮。然後，你可以 源代码网推荐 源代码网推荐 在後面看到 "onClick" 的指令，这就是告诉浏览器，当该按钮被按时，应会执行 源代码网推荐 源代码网推荐 onClick 後的函数 "pushbutton()"，而这个函数在刚刚程式被载入时就已安放在 源代码网推荐 源代码网推荐 记忆体中了！请注意，在这个函数中我们用到了个新东西－ alert 的 method， 源代码网推荐 源代码网推荐 是 Javascript 事先定义好的，它会以对话视窗产生内涵的讯息，并有一"确定" 源代码网推荐 源代码网推荐 (OK)的按钮。 Javascript 定义了许多的 method，你可以连至 Netscape 公司去 源代码网推荐 源代码网推荐 获取较完整的讯息。我想这些 method 在不久的将来会有长长的一串可以够你 源代码网推荐 源代码网推荐 学的，不过目前的 method 也已经可以做出相当多东西了！ 源代码网推荐 源代码网推荐 接着下个例子将告诉你如何由一个输入型表格中读入使用者的输入资料， 源代码网推荐 源代码网推荐 事实上，这也是加入个函数就可以达成的。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 范例 3： 源代码网推荐 源代码网推荐 <html> 源代码网推荐 <head> 源代码网推荐 <script language="Livescript"> 源代码网推荐 <!-- hide script from old browsers 源代码网推荐 function getname(str) { 源代码网推荐 alert("哈罗! "+ str+"!"); 源代码网推荐 } 源代码网推荐 // end hiding contents --> 源代码网推荐 </script> 源代码网推荐 </head> 源代码网推荐 <body> 源代码网推荐 Please enter your name: 源代码网推荐 <form> 源代码网推荐 <input type="text" name="name" onBlur="getname(this.value)" value=""> 源代码网推荐 </form> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 源代码网推荐 现在你可以试试结果如何： 源代码网推荐 源代码网推荐 请输入你的名字： 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 在这个例子中又有新的东西了。首先，让我们注意一下，在语法中的注解部分 源代码网推荐 源代码网推荐 (<!- ... -＞) 此部分即我们之前所提到的它可以避免旧版本或是不支援 Javascript 源代码网推荐 源代码网推荐 的 WWW 浏览器因为不认识这些函数而产生错误。它的顺序应 该为 <script＞ 源代码网推荐 源代码网推荐 先，接着为注解的开头 <!-，然後是内容，注解尾 -＞， 最後是 </script＞。 源代码网推荐 源代码网推荐 另外要注意的一点是，语解尾那一行的开头双斜线 "//" ，不可以省略，它代表了 源代码网推荐 源代码网推荐 Javascript 的注解，若省略了的话， -＞之前的字会被误认为是 Javascript 的指令。 源代码网推荐 源代码网推荐 源代码网推荐 这个例子可以让使用者输入一段文字，然後再输入完毕後经由 <input＞标签中的 源代码网推荐 源代码网推荐 "onBlur" 事件函数侦知，於是呼叫 Getname(Str)这个函数来加以取得输入字串， 源代码网推荐 源代码网推荐 并将它显示在对话视窗上！函数 Getname(this.value) 中的 "this.value" 是你在文 源代码网推荐 源代码网推荐 字输入格式中所输入的值。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 -------------------------------------------------------------------------------- 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 范例 4：： 源代码网推荐 源代码网推荐 这个范例更是帅了！我们在 HTML 文件档完成了以後，常会加上一行文件 源代码网推荐 源代码网推荐 最後修改的日期，现在你可不用担心每次都要去改或是忘了改了。你可以 源代码网推荐 源代码网推荐 很简单的写一个如下的描述语法程式，就可以自动的为你每次产生最後修 源代码网推荐 源代码网推荐 改的日期了： 源代码网推荐 源代码网推荐 <html> 源代码网推荐 <body> 源代码网推荐 This is a simple HTML- page. 源代码网推荐 <br> 源代码网推荐 Last changes: 源代码网推荐 <script language="Livescript"> 源代码网推荐 <!-- hide script from old browsers 源代码网推荐 document.write(document.lastModified) 源代码网推荐 // end hiding contents --> 源代码网推荐 </script> 源代码网推荐 </body> 源代码网推荐 </html> 源代码网推荐 源代码网推荐 以上的 document.lastModified 叁数在 Netscape 2.0 beta 2 版时是被写成 源代码网推荐 源代码网推荐 documeut.lastmodified 的，然而，之後的版本就改为 document.lastModified， 源代码网推荐 源代码网推荐 所以注意一下 ；Javascript 本身是会区分大小写的， lastmodified 与 lastModified 源代码网推荐 源代码网推荐 在它看来是不同的结果。 源代码网推荐 源代码网推荐 最後，在这一部分结束之前，要提醒你一点，像范例 4 ，的用法并非每一部 源代码网推荐 源代码网推荐 机器都是一样的，例如：PC 上跑得很正确的，在工作站上不一定会有相同的 源代码网推荐 源代码网推荐 结果，所以，或许你仍得测一测不同机器的结果才会有所定论。当然，这一切 源代码网推荐 源代码网推荐 是因为 Javascript 还正在发展的原因，最新的讯息还是得去拜访一下Netscape 源代码网推荐 源代码网推荐 公司才知道。也许你也不用奇怪，当你隔周再来访时，Javascript 可能又作了 源代码网推荐 源代码网推荐 相当大的改变了呢！ 源代码网推荐 源代码网推荐 源代码网供稿. |
