js基础:JavaScript 小技巧之如何使用运算函数

不服你干我呀

不服你干我呀

2016-02-19 16:17

下面是个简单易学的js基础:JavaScript 小技巧之如何使用运算函数教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

  这是一个特殊的内建函数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 将读入字串"嗨  这是状态列讯息" 并且传入函数中,这种经由变数传递值的方式,可以使函数相当具有可变性。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  接着来看第二个按钮"清除" 它也呼叫同样的函数,我们并不需要因为传递参数的不同而言两个不同的函数。所以现在我们可以来看看statbar(txt) 这个函数做些什么了,其实它相当简单。你只要将 txt 所要传的文字内容指定给 window.status 这个变数就可以了。即是 window.status =txt,而在清除状态列的时候,只是将空字串写入即可。不过要注意的是必须使用单引号及双引号来区别,这样才容易区分。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

js基础:JavaScript 小技巧之如何使用运算函数

Web开发
js基础:JavaScript 小技巧之如何使用运算函数

js基础:JavaScript 小技巧之如何去产生乱数

Web开发
js基础:JavaScript 小技巧之如何去产生乱数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

js基础:JavaScript 小技巧之如何在页面内加入日期

Web开发
js基础:JavaScript 小技巧之如何在页面内加入日期

js基础:JavaScript小技巧之如何用滑鼠控制Web页面

Web开发
js基础:JavaScript小技巧之如何用滑鼠控制Web页面

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js基础:JavaScript 小技巧之如何自动加上最后修改时间

Web开发
js基础:JavaScript 小技巧之如何自动加上最后修改时间

js基础:JavaScript小技巧制作的跑马灯效果

Web开发
js基础:JavaScript小技巧制作的跑马灯效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

vc的对话框-

vc的对话框-

vc++技术内幕(第四版)笔记(第8章)

vc++技术内幕(第四版)笔记(第8章)
下拉加载更多内容 ↓