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

2016-02-19 16:17 6 1 收藏

下面是个简单易学的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

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

  在这个例子中我们建了二个按钮,此二个按个均会去呼叫 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

延伸阅读
标签: Web开发
在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分。   其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧!  ...
BitBlt将一幅位图从一个设备场景复制到另一个CopyIcon制作指定图标或鼠标指针的一个副本。这个副本从属于发出调用的应用程序CopyImage复制位图、图标或指针,同时在复制过程中进行一些转换工作CreateBitmap按照规定的格式创建一幅与设备有关位图CreateBitmapIndirect创建一幅与设备有关位图CreateCompatibleBitmap创建一幅与设备有关位图,它与...
标签: Web开发
(一).示例图片效果 (二).代码 html head titlewindow.resizeTo()函数/title script laguage="javascript" !-- function movewin(form) { var winx=form.X.value; var winy=form.Y.value; window.moveTo(winx,winy); } //-- /script /head body bgcolor="#6699FF" text="#000000" form name=form1 table border=0 align=center wid...
标签: Web开发
种语法是什么意思(function(){})() 如下例: script language="JavaScript" (function(){ document.write("some script code"); })() /script script language="JScript" type="Text/JScript" !-- var a=(function(s){return s})("abc"); alert(a); var b=function(s){return s}; ...
标签: Web开发
script Language="javascript"br / /****************** JS2D函数集  *******************br / br /   作者:neweroica    2003-3-28br / br /   CopyRight (C) 2003br / br /   在引用或转载时请保留此版权信息,谢谢!!!br / br /   本函数集可以单独存成一个js文件:"JS2D.js"br / br / ************...

经验教程

745

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部