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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

这是一个特殊的内建函数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"

onClick="compute(this.form)">

</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="显示!"

onclick="statbar('嗨这是状态列讯息!');"><INPUT

type="button" name="erase" value="清除!"

onclick="statbar('');"></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,而在清除状态列的时候,只是将空字串写入即可。不过要注意的是必须使用单引号及双引号来区别,这样才容易区分。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航