什么是javascript
JavaScript 是一种新的描述语言,此一语言可以被箝入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如: form 的输入) 而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端 (server)处理,再传回来的过程,而直接可以被客户端 (client) 的应用程式所处理。你也可以想像成有一个可执行程式在你的客端上执行一样!
JavaScript 和 Java 很类似,但并不一样,类似之处就是他们名字的前四个字母是一摸一样的!
Java 是一种比 JavaScript 更复杂许多的程式语言,而 JavaScript 则是相当容易了解的脚本语言。
JavaScript 创作者可以不那麽注重程式技巧,许多 Java 的特性在 Java Script 中并不支援。
我们再来看一下CSDN中的内容:
JavaScript 是 WWW 上的一种功能强大的编程语言,用于开发交互式的 Web 页面。它不仅可以直接应用于 HTML 文档以获得交互式效果或其他动态效果,而且可以运行于服务器端,从而替代传统的 CGI 程序。
1. 客户端应用
JavaScript 最典型的应用就是开发客户端 Web 应用程序,也就是开发所谓的客户端脚本。与高级语言不同,客户端脚本程序通常都是解释执行的。也就是说,在执行 JavaScript 脚本之前,无须进行编译等预处理。在最典型的客户端应用中,JavaScript 脚本程序被嵌入到 HTML 文件中,随着 HTML文件一同下载到浏览器端。浏览器读 HTML 文件,然后解释执行并显示其中的元素。读取HTML 文件并分辨其中的元素的过程称为语法分析或解析( parsing)。如果解析到 JavaScript脚本,则浏览器执行其脚本语句。
2. 服务器端应用
JavaScript 脚本不但可以运行于客户端,而且可以运行于服务器端,用于实现服务器端的某些特定功能( 例如,取代传统 CGI 程序的表单处理功能)。在 Microsoft 的服务器上,典型的一种应用就是作为 ASP( Active Server Pages,活动服务器页)的实现脚本。服务器端脚本的工作过程如下:浏览器输入URL请求;服务器调用脚本,生成从浏览器传递数据的对象,并向脚本提供这些对象;脚本进行处理(对于数据库应用则需要进行特定的数据库操作),并将数据以HTML文件的方式通过服务器返回发出请求的浏览器。
可能有人会有问题, 既然现在 FrontPage、Dreamweaver 等网页设计软件已经可以自动生成avaScript代码以便完成动态 Web 页的制作,那么还有必要学习 JavaScript 吗?
首先,JavaScript 是一种最流行的 Web 脚本语言,其主要原因在于它具有最广泛的兼容性。实际上,VBScript 也是一种通用的 Web 脚本语言,而且是由软件业的老大——微软开发的,但由于它只能被 IE 浏览器所支持,因此无法与 JavaScript 抗衡。至于 VBScript 以外的其他 Web 脚本语言就更是影响微弱了。试想,连一向颐指气使的微软都忙不迭地开发出自己的 JavaScript 版本——JScript,那么对于 JavaScript 作为一种 Web 脚本语言的统治地位还能有什么疑义呢?因此,如果需要学习一种 Web 脚本语言的话,JavaScript无疑是首选。
其次,对于是否需要学习一种 Web 脚本语言的回答显然也是一个响亮的“ 是”。我们先来看一下 Web 页制作工具软件的变迁:早期最流行的 Web 页制作工具无疑是 FrontPage,但近年来最火的软件却变成了 Dreamweaver,而且大有将 FrontPage 逐出市场的意思。对此,最主要的原因有两条:一是 Dreamweaver 提供的面板式界面比 FrontPage 提供的对话框式界面更加适合Web 页面设计;二是 Dreamweaver 提供了更多的动态特性,尤其是 Dreamweaver 可以与Fireworks、Flash 等软件紧密集成,从而开发出动感十足、亮丽眩目的 Web 页面。实际上,第二个原因代表了当今 Web 页开发的一种趋势,即不但要注重内容,而且要注重表现形式。因此开发动态 Web 页已经成为网页制作的一个基本要求。如果我们看一下 Dreamweaver 等软件生成的动态 Web 页的 HTML 源代码,会发现其中充满了大量 JavaScript 代码,可见 Dreamweaver中相当多的动态特性是借助于 JavaScript 实现的。由于 Web 吸引人之处正在于其独特性,而网页制作工具能够提供的自动功能显然是非常有限的( 虽然足以应付基本的需要),因此如果要创建出个性化的动态功能,当然必须使用一种 Web 脚本语言。可见,如果要成为一个 Web页制作高手,掌握一门 Web 脚本语言是基本的要求。
综上所述,学习 JavaScript 势在必行,它将带领我们进入更广阔的 Web 开发世界。
以下我们就以一些例子来告诉你如何将 JavaScript 写在 HTML 文件中,并且体会一下它的特性,我们从第一个例子开始:如何用 JavaScript 印出一串文字至HTML 文件中:
<html>
<head>
My first JavaScript!
</head>
<body>
<br>
This is a normal HTML document.
<br>
<script language="JavaScript">
document.write("这是以 JavaScript 印出的!")
</script>
<br>
Back in HTML again.
</body>
</html>
以上范例的结果如下:
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="JavaScript">
function pushbutton() {
alert("嗨! 你好");
}
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="Push me" onclick="pushbutton()">
</form>
</body>
</html>
在范例 2 中,将会产生一个按钮,当你用滑鼠去按它的时候,应该会出现一个视窗上面有“嗨! 你好”的字串,如何?不错吧!这个结果是如何产生的呢?首先,在 <head>内的函数会被载入并存於内存中,接着一个新的 <form>标签 <input type ="button".....>将产生一个接钮。然後,你可以在後面看到 'onClick' 的指令,这就是告诉浏览器,当该按钮被按时,应会执行onClick 後的函数 'pushbutton()',而这个函数在刚刚程式被载入时就已安放在记忆体中了!请注意,在这个函数中我们用到了个新东西- alert 的 method,是 JavaScript 事先定义好的,它会以对话视窗产生内涵的讯息,并有一"确定"(OK)的按钮。 JavaScript 定义了许多的 method,你可以连至 Netscape 公司去获取较完整的讯息。我想这些 method 在不久的将来会有长长的一串可以够你学的,不过目前的 method 也已经可以做出相当多东西了!
接着下个例子将告诉你如何由一个输入型表格中读入使用者的输入资料,事实上,这也是加入个函数就可以达成的。
范例 3:
<html>
<head>
<script language="JavaScript">
<!-- 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="JavaScript">
<!-- hide script from old browsers
document.write(document.lastModified)
// end hiding contents -->
</script>
</body>
</html>
from:asp学习网/title:什么是javascript/ time:2006-7-31 20:51:55
本文主题什么是javascript