JavaScript 是什麽

JavaScript是什麽JavaScript是什麽？JavaScript是一种新的描述语言，此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如：form的输入)而不用任何的网路来回传输资料，所以当一位使用者输入一项信息时，它不用经过传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程序所处理。你也可以想像成有一个可执行程式在你的客户端上执行一样！目前已有一些写好的程序在Internet上你可以连过去看看，以下有一些计算器的例子，在Nescape上。JavaScript和Java很类似，但到底并不一样！Java是一种比JavaScript更复杂许多的程式语言，而JavaScript则是相当容易了解的语言。JavaScript创作者可以不那麽注重程式技巧，所以许多Java的特性在JavaScript中并不支援。如何执行JaveScript？JavaScript如何执行呢？Netscape2.0beta3版以上，就可以执行JavaScript的功能了，我们测试过至少beta3版以上可以，其他种类的浏览器如:InternetExpore3.0也有此一功能。范例1：以下我们就以一些例子来告诉你如何将JavaScript写在HTML文件中，并且体会一下这种语言的特性。我们从第一个例子开始：如何用JavaScript在网页中显示出一串文字。MyfirstJavaScript!ThisisanormalHTMLdocument.BackinHTMLagain.如果你使用的以上版本的话，那你就可以看到相关的结果，而如果你的浏览器并非是可以支援JavaScript的话，那看起来就会有一些怪怪的了，以上范例的结果如下：ThisisanormalHTMLdocument.这是以JavaScript印出的!BackinHTMLagain.此一范例并没有太大的用处，它只是要告诉你如何使用在范例2中，将会产生一个按钮，当你用鼠标去按它的时候，应该会出现一个上面有“嗨!你好”字样的对话框，如何？不错吧！这个结果是如何产生的呢？首先，在范例3：接着下个例子将告诉你如何由一个输入型表格中读入使用者的输入资料，事实上，这也是加入个函数就可以达成的。Pleaseenteryourname:现在你可以试试结果如何：请输入你的名字：在这个例子中又有新的东西了。首先，让我们注意一下，在语法中的注解部分(范例5：在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面，此时看看浏览器下的状态列有何结果。然後这样的功能我们可以与JavaScript的功能相结合。好，现在再将你的滑鼠移到本处不同颜色的连结上面，你应该会发现有一个视窗出现，是吧？！如何！怎麽做到的呢？以下就是这一个连结的作法：在这儿你只要在传统的标签中加入onMouseOver的method，就可达成你要的效果了。这里的window.status是用来让你可以在浏览器的状态列上显示一些讯息用的。在语法中，你可以看到讯息部分是用'括起来的部分，而非以括起来，在讯息部分结束之後，必须加上;returntrue。好了，利用以上的特性可以很简单的完成第二个连结的例子！相当简单，以onMouseOver的method然後配合事件发生时去呼叫函数hello()就行了，不再多加解释了，作法如下：link范例6：接下来我们要告诉你一个使用日期和时间的例子。在第一部分中，你已看过了lastModified的用法和作法。现在要告诉你的并非是印出网路上伺服器或文件修改日期，而是你个人客户端机器的日期和时间。以下就是执行结果：现在时间是：14:48今天日期为：8/28/2021做法如下：today=newDate()document.write(现在时间是：,today.getHours(),:,today.getMinutes())document.write(今天日期为：,today.getMonth()+1,/,today.getDate(),/,today.getYear());//endhidingcontents--在本例中，我们必需首先建立一个日期变数，这可以由today=newDate()来完成。如果没有特别指定时间与日期的话，浏览器将会采用本地客户端机器的时间，若将它放入变数today中。这儿要注意的是：我们并没有宣告today这个变数的型态，这和Java或其他的程式语言在用到变数之前必需先加以宣告的方式有相当大的不同。在完成today的日期变数後，我们等於建立了一个具有本地时间与日期的物件(object)。接着就可以使用get...的method以取得today这个物件的时间和日期。请注意getMonth这个method所取得的月份范围是由0~11，所以必须加1以代表真正的1月至12月。看完以上的例子後，想想你可以使你的文件变得有点智慧，例如：某个文件有时效限制的话，你可以利用我们在上一部份的范例4中所提到的功能和这一个范例中所学习到的功能，设计一个让你的文件在第10天以後读到的话就会告诉读者：喂！这篇已过时了！的程式，试试看，并不难！除以上功能外，在建立日期物件时你也可以事先设定日期如下：docStarted=newDate(96,0,13)首先是年（西元），接着是月（但记得减1），再接着是日。同样的方法也可以加上时间的设定，如下：docStarted=newDate(96,0,13,10,50,0)前三个是日期的年、月、日，接着是时、分、秒。最後，我们必须提醒你，JavaScript并没有实际的日期型态，但是它却能毫不费力地显示出日期和时间，原因是它是从1/1/19700：0h开始以ms(milliseconds)来计算目前的时间的，这听起来似有些复杂，但你倒不用担心，它有标准的共用函数可以计算，你只要知道如何用就可以了！范例7：接下来我们要为你介绍一个可以产生乱数的函数，也是以JavaScript所写的。这个函数只是利用了一点小技巧而已，而这种技巧在大部分的编译器(compiler)中，大都是如此（或类似）计算出乱数来的。我相信JavaScript最後应也会以相似的方法来产生这样的method，如果它会提供这样功能的话。以下是此函数的结果：这是一个计算产生的乱数：0.6448062584497152以下是这个作法的写法：我们的做法是以上一个范例中的时间函数；它会出现一个很大的数，利用这个数再加以运算即可！例如：将它拿来做正弦函数（sin）的运算，得到的数再做绝对值的运算，结果可以得到一个介於0与1间的实数。因为时间的改变是ms为单位，而且你绝不会获得相同的数字。不过这个做法并不适合拿来快速的连续产生一系列的乱数，但如果你是不定时，久久的用一次，那效果就不错了！范例8：JavaScript的一个重要特点是它可以制作视窗。你可以产生一个的视窗，并且在此视窗中载入HTML文件，完全以JavaScript来航游网际网路（Internet）。接下来的范例就是告诉你如何开启一个视窗并且写点东西进去，你可先试试按一下范例中之连接钮看看！原始程式如下：这儿你又看到用按钮来启动函数。这次的函数WinOpen()是藉着一个open的method来产生一个新的视窗。第一对双引号()是用来描述欲载入至视窗中的文件URL位置。如果留者空白的话，那就会呈现一个空白视窗，并可以透过JavaScript写入东西！下一对双引号内的内容是这个新开启视窗的名字，你可以喜欢给它任意一个名字，但不可加入空白，如用DisplayWindow的话便会出现错误讯息，请注意。接下来的一连串双引号内所指定的是该视窗的相关性质(properties)，这些蛮有趣的，你可以指定要不要有工具棒(toolbar)、卷轴(scrollbar)，等等，例如：如果你写toolbar=yes，那就会在你所产生出来的视窗中出现一排工具列。以下有许多你可以改变的视窗特性，请注意它们字中间不可以有空白：toolbarlocationdirectoriesstatusmenubarscrollbarsresizablecopyhistorywidth=pixelsheight=pixels以上的pixels部分，你可以填入点数的数值，这数值是告诉浏览器这个视窗的大小。在开启视窗，并且将它称为msg以後，就可以开始写些东西到视窗中了。你可以写入一般正规的HTML语法文字。哇！这可不得了了，也就是说，你可以利用先前使用者在form表格中输入给你的文章直接将它回应至浏览器上来了！这些功能在几个月前大概还只能用CGI才能达到喔！现在你不用CGI也可以做了！曾有许多网友问我有关JavaScript与框架(为求方便，以下均用frame表示)合用的问题。事实上，若您同时想用frames和JavaScript的功能，首先您必需拥有NetscapeNavigator2.0(或以上)浏览器(至少目前是如此)。当然也有某些浏览器支援frames的功能--如:Oracle开发的PowerBrowser，但此浏览器还只是Beta版，目前尚不支援JavaScript。首先，我稍微解释一下frames的功用。因为frames功能才开发不久，仍有许多HTML文件中未使用这项新功能。Frames最主要功用是分割您的视窗，使每个小视窗(frame)能显示不同的HTML文件(译按:这有点类似电视的子母画面)。更妙的是，不同frame之间可以互动(interact)，也就是说不同frame之间可以交换讯息与资料(information)。例如:假设您开了两个frames，第一个frame可显示普通HTML文件，第二个frame可显示工具列(toolbar)。此工具列中可包含浏览您homepage所需的各种按钮。如此一来，即使第一个frame载入了另一个HTML文件，您仍可在第二个frame中看到工具列。现在我先将上述特性展示给您瞧瞧。请按一下下面的按钮，看一看frames的长相。(如果您是线上观看此文件，您可能需稍候一下才看得到结果，因为scripts必需由server中载入到您的机器)。以下是此frame的写法:首先您必须告诉浏览器您要开几个frame?这是由上面这个例子产生了两行，而且第二行又分割成三列大小相等的空间。在第一个您可以给每个frame一个名字(name)。frame的名字在JavaScript语法中的地位非常重要。在本章的第一个范例中您已学到如何替frame命名。接下来您可以用--------------------------------------------------------------------------------我想您已了解frames的基本用法，接下来我们再看一个有趣的范例:上面的按钮将显示:按某个frame中的按钮後，会在另一frame中写入文字。以下是此功能的原始码:在产生frames效果之前，您需先制作下列原始码(frames.html):以下是frame1.html的原始码:这是第一个frame!以下是frame2.html的原始码:这是第二个frame!哇!这些语法越来越长了!上述的语法是如何运作的呢?当使用者载入第一个档案(frames.html)後，将会产生两个frame，并且在第一个frame(命名为'fr1')中载入frame1.html，而在第二个frame(命名为'fr2')中载入frame2.html。到目前为止都只是普通的HTML语法。或许您已发现在frame1.html中包含了JavaScript语法，但此JavaScript并没有马上被执行。难到这些函式(functions)是不必要的?亦或是我得删除这些不必要的函式?虽然我是散惯的人，但这些函式确实是必须的。它们是被位於frame2.html中之JavaScript语法所呼叫而执行的。我在frame2.html