00000001.htm

水木清华BBS

如果你是使用&nbsp;Netscape&nbsp;2.0&nbsp;beta&nbsp;3&nbsp;以上的浏览器，那以上&nbsp;JavaScript&nbsp;语法部份&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
的结果如下，你可以试着按按钮看看有何结果产生！&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
在范例&nbsp;2&nbsp;中，将会产生一个按钮，当你用滑鼠去按它的时候，应该会出现&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
一个视窗上面有“嗨!&nbsp;你好”的字串，如何？不错吧！这个结果是如何产生&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
的呢？首先，在&nbsp;head&nbsp;内的函数会被载入并存於内存中，接着一个新&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
的&nbsp;form&nbsp;标签&nbsp;input&nbsp;type&nbsp;=&quot;button&quot;.....&nbsp;将产生一个接钮。然後，你可以&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
在後面看到&nbsp;'onClick'&nbsp;的指令，这就是告诉浏览器，当该按钮被按时，应会执行&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
onClick&nbsp;後的函数&nbsp;'pushbutton()'，而这个函数在刚刚程式被载入时就已安放在&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
记忆体中了！请注意，在这个函数中我们用到了个新东西－&nbsp;alert&nbsp;的&nbsp;method，&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
是&nbsp;JavaScript&nbsp;事先定义好的，它会以对话视窗产生内涵的讯息，并有一&quot;确定&quot;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
(OK)的按钮。&nbsp;JavaScript&nbsp;定义了许多的&nbsp;method，你可以连至&nbsp;Netscape&nbsp;公司去&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
获取较完整的讯息。我想这些&nbsp;method&nbsp;在不久的将来会有长长的一串可以够你&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
学的，不过目前的&nbsp;method&nbsp;也已经可以做出相当多东西了！&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
接着下个例子将告诉你如何由一个输入型表格中读入使用者的输入资料，&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
事实上，这也是加入个函数就可以达成的。&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
范例&nbsp;3：&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&lt;html&gt;&nbsp;&nbsp;<BR>
&lt;head&gt;&nbsp;&nbsp;<BR>
&lt;script&nbsp;language=&quot;LiveScript&quot;&gt;&nbsp;&nbsp;<BR>
&lt;!--&nbsp;&nbsp;hide&nbsp;script&nbsp;from&nbsp;old&nbsp;browsers&nbsp;&nbsp;<BR>
&nbsp;&nbsp;function&nbsp;getname(str)&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;alert(&quot;哈罗!&nbsp;&quot;+&nbsp;str+&quot;!&quot;);&nbsp;&nbsp;<BR>
&nbsp;&nbsp;}&nbsp;&nbsp;<BR>
//&nbsp;end&nbsp;hiding&nbsp;contents&nbsp;--&gt;&nbsp;&nbsp;<BR>
&lt;/script&gt;&nbsp;&nbsp;<BR>
&lt;/head&gt;&nbsp;&nbsp;<BR>
&lt;body&gt;&nbsp;&nbsp;<BR>
Please&nbsp;enter&nbsp;your&nbsp;name:&nbsp;&nbsp;<BR>
&lt;form&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&lt;input&nbsp;type=&quot;text&quot;&nbsp;name=&quot;name&quot;&nbsp;onBlur=&quot;getname(this.value)&quot;&nbsp;value=&quot;&quot;&gt;&nbsp;&nbsp;<BR>
&lt;/form&gt;&nbsp;&nbsp;<BR>
&lt;/body&gt;&nbsp;&nbsp;<BR>
&lt;/html&gt;&nbsp;&nbsp;<BR>
&lt;p&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
现在你可以试试结果如何：&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
请输入你的名字：&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
在这个例子中又有新的东西了。首先，让我们注意一下，在语法中的注解部分&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
(&lt;!-&nbsp;...&nbsp;-＞)&nbsp;此部分即我们之前所提到的它可以避免旧版本或是不支援&nbsp;JavaScript&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
的&nbsp;WWW&nbsp;浏览器因为不认识这些函数而产生错误。它的顺序应&nbsp;该为&nbsp;script&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
先，接着为注解的开头&nbsp;&lt;!-，然後是内容，注解尾&nbsp;-＞，&nbsp;最後是&nbsp;&lt;/script＞。&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
另外要注意的一点是，语解尾那一行的开头双斜线&nbsp;&quot;//&quot;&nbsp;，不可以省略，它代表了&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
JavaScript&nbsp;的注解，若省略了的话，&nbsp;-＞之前的字会被误认为是&nbsp;JavaScript&nbsp;的指令。&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
这个例子可以让使用者输入一段文字，然後再输入完毕後经由&nbsp;&lt;input＞标签中的&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&quot;onBlur&quot;&nbsp;事件函数侦知，於是呼叫&nbsp;Getname(Str)这个函数来加以取得输入字串，&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
并将它显示在对话视窗上！函数&nbsp;Getname(this.value)&nbsp;中的&nbsp;&quot;this.value&quot;&nbsp;是你在文&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
字输入格式中所输入的值。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
范例&nbsp;4：：&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
这个范例更是帅了！我们在&nbsp;HTML&nbsp;文件档完成了以後，常会加上一行文件&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
最後修改的日期，现在你可不用担心每次都要去改或是忘了改了。你可以&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
很简单的写一个如下的描述语法程式，就可以自动的为你每次产生最後修&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
改的日期了：&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&lt;html&gt;&nbsp;&nbsp;<BR>
&lt;body&gt;&nbsp;&nbsp;<BR>
This&nbsp;is&nbsp;a&nbsp;simple&nbsp;HTML-&nbsp;page.&nbsp;&nbsp;<BR>
&lt;br&gt;&nbsp;&nbsp;<BR>
Last&nbsp;changes:&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&lt;script&nbsp;language=&quot;LiveScript&quot;&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&lt;!--&nbsp;&nbsp;hide&nbsp;script&nbsp;from&nbsp;old&nbsp;browsers&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;document.write(document.lastModified)&nbsp;&nbsp;<BR>
&nbsp;&nbsp;//&nbsp;end&nbsp;hiding&nbsp;contents&nbsp;--&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&lt;/script&gt;&nbsp;&nbsp;<BR>
&lt;/body&gt;&nbsp;&nbsp;<BR>
&lt;/html&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
以上的&nbsp;document.lastModified&nbsp;叁数在&nbsp;Netscape&nbsp;2.0&nbsp;beta&nbsp;2&nbsp;版时是被写成&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
documeut.lastmodified&nbsp;的，然而，之後的版本就改为&nbsp;document.lastModified，&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
所以注意一下&nbsp;；JavaScript&nbsp;本身是会区分大小写的，&nbsp;lastmodified&nbsp;与&nbsp;lastModified&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
在它看来是不同的结果。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
最後，在这一部分结束之前，要提醒你一点，像范例&nbsp;4&nbsp;，的用法并非每一部&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
机器都是一样的，例如：PC&nbsp;上跑得很正确的，在工作站上不一定会有相同的&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
结果，所以，或许你仍得测一测不同机器的结果才会有所定论。当然，这一切&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
是因为&nbsp;JavaScript&nbsp;还正在发展的原因，最新的讯息还是得去拜访一下Netscape&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
公司才知道。也许你也不用奇怪，当你隔周再来访时，JavaScript&nbsp;可能又作了&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
相当大的改变了呢！&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
--&nbsp;&nbsp;<BR>
9m&nbsp;&nbsp;dMMMMM&nbsp;&nbsp;NdMPOdMP&nbsp;dMMMMMP&nbsp;dMP&nbsp;dMP&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;dMP&quot;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;dMP&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;V&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;VMMM&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMMMP&nbsp;&nbsp;&nbsp;dMP&nbsp;dMP&nbsp;dMMMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(mo&nbsp;o0m)&nbsp;&nbsp;<BR>
dP&nbsp;.dMP&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YMvAP&quot;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(&nbsp;&nbsp;V&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;VMMMP&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;VP&quot;&nbsp;&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;.......m.m........&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>