下面是个简单易学的js基础:JavaScript 小技巧之如何使用运算函数教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!
【 tulaoshi.com - Web开发 】
这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办??
下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在第一个栏位,并且按下了按钮,运算式便会开使运算,
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/) <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,而在清除状态列的时候,只是将空字串写入即可。不过要注意的是必须使用单引号及双引号来区别,这样才容易区分。
来源:http://www.tulaoshi.com/n/20160219/1611588.html
看过《js基础:JavaScript 小技巧之如何使用运算函数》的人还看了以下文章 更多>>