&#106avascript 小技巧之如何使用运算函数

函数|技巧|运算

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

 <SCRIPT>
 function compute(obj) {
 obj.result.value = eval(obj.expr.value)
 }
 </SCRIPT>
 <FORM NAME="evalform">
 Enter an expression:
 <INPUT TYPE=text NAME="expr" SIZE=20 >
 <BR>
 Result: <INPUT TYPE=text NAME="result" SIZE=20 >
 <BR>
 <INPUT TYPE="button" VALUE="Click Me"
 >
 </FORM>

  以下是原始语法

<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-29 12:11:09

&#106avascript 小技巧之如何使用运算函数的相关文章

JavaScript 小技巧之如何使用运算函数

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

&amp;#106avascript小技巧之如何去产生乱数

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

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

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

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

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

&amp;#106avascript小技巧之如何用滑鼠控制Web页面

web|技巧|控制|页面     第一集 如何用滑鼠控制Web页面 在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合.怎样做到的呢 以下就是这一个连结的作法: <a href="tpage.htm" > 在这儿你只要在传统 <a> 的标签中加入 onMouseOver 的 method 就可达成你要的效果了.这里的 window.s

&amp;#106avascript 小技巧之如何在页面内加入日期

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

&amp;#106avascript小技巧之如何在网页上使用history和forward

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

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

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

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

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