&#106avascript 小技巧(第五集)

技巧

以下是原始语法
<HTML>
<HEAD>
   <TITLE>浏览器的状态栏</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<SCRIPT language="JavaScript">
<!-- Hide
function statbar(txt) {
window.status = txt;
}
// -->
</SCRIPT>
<CENTER></CENTER>
<CENTER><B><FONT COLOR="#0000FF"></FONT></B></CENTER>
<P><FORM>
<P><FONT COLOR="#000000">  <INPUT type="button"
    name="look" value="显示!"
    > <INPUT
    type="button" name="erase" value="清除!"
    ></FONT>
<BR></FORM>
<CENTER><FONT COLOR="#000000"> </FONT></CENTER>
</BODY>
</HTML>

  在这个例子中我们建了二个按钮,此二个按个均会去呼叫 statbar(txt) 。函数中的 txt 表 示此函数将经由函数呼叫时传一个变数值进来 (我们叫 txt但它可代表任意不同的值)你可以见到在产生按钮的 <form> 标 签中,呼叫到函数statbar(txt)在此我们就不再写成 txt 。
  直接把要显示在状态列上的文字写上去,于是我们可以见到这样的效果,变数 txt 经由 'Value' 中得它的值,然后传入所呼叫的函数中。所以当你按"显示"的按钮时,statbar(txt) 函数被呼叫,然后 txt 将读入字串"嗨  这是状态列讯息" 并且传入函数中,这种经由变数传递值的方式,可以使函数相当具有可变性。
  接着来看第二个按钮"清除" 它也呼叫同样的函数,我们并不需要因为传递参数的不同而言两个不同的函数。所以现在我们可以来看看statbar(txt) 这个函数做些什么了,其实它相当简单。你只要将 txt 所要传的文字内容指定给 window.status 这个变数就可以了。即是 window.status =txt,而在清除状态列的时候,只是将空字串写入即可。不过要注意的是必须使用单引号及双引号来区别,这样才容易区分。

时间: 2024-10-04 11:00:47

&#106avascript 小技巧(第五集)的相关文章

&#106avascript 小技巧(第七集)

技巧 第七集 如何去产生乱数 接下来我们要为你介绍一个可以产生乱数的函数,也是以 JavaScript 所写的这个函数只是利用了一点小技巧而已.而这种技巧在大部分的编译器(compiler)中,大都是如此(或类似)计算出乱数来的.相信 JavaScript 最后应也会以相似的方法来产生这样的method,如果它会提供这样功能的话,以下是此函数的结果: 这是一个计算产生的乱数.3861138662928667 以下是这个作法的写法 <head> <script language="

&amp;#106avascript 小技巧(第四集)

技巧 第四集 如何使用运算函数 这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办?? 下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在第一个栏位,并且按下了按钮,运算式便会开使运算, <SCRIPT> function compute(obj) { obj.result.value = eval

&amp;#106avascript 小技巧(第三集)

技巧 第三集 如何在网页上使用history和forward 我们来看一个可以让你浏览不同文件的语法,我们这儿所要谈的是 back() 和 forward()这两个函数, 如果你本身的文件中有一个连结是回到你本身文件的上一个连结文件的话,那和Netscope 浏览器 中所提供的back 按钮功能是不一样的.例如,在我的文件中,正常的连结连到某些我们认为会是这个文件来源的地方, 称 这 个连结叫 back,而 Netscape 浏览器中的 back按钮,则是回到你历史记录中的上一个连结,所以不同J

&amp;#106avascript 小技巧(第十集)

技巧 第十集 JAVASCRIPT基础(2) 二.如何执行JaveScript Netscape2.0beta3版以上,就可以执行JavaScript的功能了.我们测试过至少beta3版以上可以.目前为止,除了Netscape外,似乎尚没有其他种类的WWW浏览器有此一功能. 以下我们就以一些例子来告诉你如何将JavaScript写在HTML文件中,并且体会一下新语言的特性.我们从第一个例子开始,如何用JavaScript印出一串文字至HTML文件中. <html> <head> M

&amp;#106avascript 小技巧(第八集)

技巧 第八集 如何自动加上最后修改时间 我们在 HTML 文件档完成了以后,常会加上一行文件最后修改的日期.现在你可不用担心每次都要去改或是忘了改了,你可以很简单的写一个如下的描述语法程式.就可以自动的为你每次产生最后修改的日期了. <html> <body> This is a simple HTML- page. <br> Last changes: <script language="LiveScript"> <!-- hid

JavaScript 小技巧(第五集)

javascript|技巧 以下是原始语法 <HTML> <HEAD> <TITLE>浏览器的状态栏</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <SCRIPT language="javascript"> <!-- Hide function statbar(txt) { window.status = txt; } // -->

&amp;#106avascript 小技巧(第六集)

技巧 以下是我们所制作的跑马灯效果的源程序 <html> <head> <script language="JavaScript"> <!-- Hide var scrtxt="这儿的讯息可以改为你要告诉别人的话 "+" 或是注意事项 ..."; var lentxt=scrtxt.length; var width=100; var pos=1-width; function scroll() { po

Android Studio 小技巧/快捷键 合集

本文讲的是Android Studio 小技巧/快捷键 合集, 原文链接: Android Studio Tips by Philippe Breault 原文作者 : Philippe Breault 译文出自 : 掘金翻译计划 译者 : Jaeger, Brucezz 校对者 :Glow Chiang, Void Main 转载请联系,并注明出处. 写在前面 本文翻译自 Android Studio Tips by Philippe Breault,一共收集了62个 Android Stud

&amp;#106avascript 小技巧(第二集)

技巧 第二集 如何在页面内加入日期 我们要告诉你一个使用日期和时间的例子,是从你个人客户端机器获取日期和时间. 做法如下: <script language="LiveScript"> <!-- Hiding today = new Date() document.write("现在时间是 ",today.getHours(),":", today.getMinutes()) document.write("<b