一些JS代码（包含1个计算器）

于 2007-02-05 21:43:00 发布
阅读量1k 收藏 1
点赞数
分类专栏： Javascript 文章标签： input button javascript function fun join

1.把你的网站设置为浏览器的首页
[code]<SPAN style="CURSOR: hand" οnclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomehttp://www.im286.com');">设为首页</SPAN>[/code]
演示地址：http://www.leqw.com/tx/01.htm

2.使你的滚动条变成彩色！（IE5.5以下版本无效）
[code]请注意看滚动条的颜色
<STYLE type=text/css>
body
{
  scrollbar-face-color: #b5daff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #000000;
  scrollbar-arrow-color: #0000ff;
  scrollbar-base-color: #6699ff;
  scrollbar-dark-shadow-color: #6699ff;
}
</STYLE>
[/code]
演示地址：http://www.leqw.com/tx/02.htm

3.用IE登录FTP服务器
[code]<SCRIPT janguage="javascript">
<!--
function goFtpSite() {
document.location.href = "ftp://" + document.ftp.login.value + ":" + document.ftp.password.value + "@" + document.ftp.url.value;
}
//-->
</SCRIPT>
<FORM name=ftp>
  <table cellSpacing=1 cellPadding=1 width=304 align=center border=0>
    <tr>
      <td width=296>
        <table cellSpacing=0 cellPadding=5 width=292 align=center border=0>
          <tr bgColor=#b5e1ff>
            <td align=right width=75><FONT face=arial,helvetica color=#008080 size=-1>Ftp:// </FONT></td>
            <td width=193><FONT face=arial,helvetica size=-1>
              <Input style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-BOTTOM: #0099ff 1px solid" size=30 name=url> </FONT></td>
          </tr>
          <tr bgColor=#ddf1ff>
            <td align=right width=75><FONT face=arial,helvetica color=#008080 size=-1>UserName: </FONT></td>
            <td width=193><FONT face=arial,helvetica size=-1>
              <Input style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-BOTTOM: #0099ff 1px solid" maxLength=20 size=15 name=login> </FONT></td>
          </tr>
          <tr bgColor=#b5e1ff>
            <td align=right width=75><FONT face=arial,helvetica color=#008080 size=-1>Password: </FONT></td>
            <td width=193><FONT face=arial,helvetica size=-1>
              <Input style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; BORDER-BOTTOM: #0099ff 1px solid" type=password maxLength=20 size=15 name=password> </FONT></td>
          </tr>
          <tr bgColor=#ddf1ff>
            <td align=middle width=280 colSpan=2><FONT face=arial,helvetica size=-2>
  <Input style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #0099ff 1px solid; BACKGROUND-COLOR: #0099ff" οnclick=goFtpSite(); type=button value=登录>
              <Input style="BORDER-RIGHT: #0099ff 1px solid; BORDER-TOP: #0099ff 1px solid; BORDER-LEFT: #0099ff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #0099ff 1px solid; BACKGROUND-COLOR: #0099ff" type=reset value=重写> </FONT></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</FORM>
[/code]
演示地址：http://www.leqw.com/tx/03.htm

4.功能很全的精品计算器
[code]<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Page-Enter content=blendTrans(Duration=0.5)>
<META http-equiv=Page-Exit content=blendTrans(Duration=0.5)>
<STYLE type=text/css>P {
FONT-SIZE: 9pt; FONT-FAMILY: "Verdana"
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: normal
}
A {
FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #326969; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 9pt; LEFT: 1px; COLOR: #0000ff; POSITION: relative; TOP: 1px; TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 9pt; CURSOR: url('body.cur'); SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cde0c2
}
.diary_tb {
WIDTH: 100%; WORD-BREAK: break-all; FONT-FAMILY: "Verdana","宋体"; POSITION: relative; TEXT-ALIGN: center; WORD-WRAP: break-word
}
.diary_main {
TABLE-LAYOUT: fixed; BACKGROUND-POSITION: left top; FONT-SIZE: 12px; COLOR: #005782; WORD-BREAK: break-all; LINE-HEIGHT: 24px; FONT-FAMILY: "宋体"; LINE-BREAK: strict; HEIGHT: 2px; TEXT-ALIGN: left
}
</STYLE>
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
<CENTER>
  <table id=AutoNumber2 style="BORDER-COLLAPSE: collapse" borderColor=#808080 cellSpacing=0 cellPadding=0 width=760 border=0>
  </table>
<SCRIPT language=javascript>
  <!--
var endNumber=true
var mem=0
var carry=10
var hexnum="0123456789abcdef"
var angle="d"
var stack=""
var level="0"
var layer=0
//数字键
function inputkey(key)
{
var index=key.charCodeAt(0);
if ((carry==2 && (index==48 || index==49))
|| (carry==8 && index>=48 && index<=55)
|| (carry==10 && (index>=48 && index<=57 || index==46))
|| (carry==16 && ((index>=48 && index<=57) || (index>=97 && index<=102))))
if(endNumber)
{
endNumber=false
document.calc.display.value = key
}
else if(document.calc.display.value == null || document.calc.display.value == "0")
document.calc.display.value = key
else
document.calc.display.value += key
}
function changeSign()
{
if (document.calc.display.value!="0")
if(document.calc.display.value.substr(0,1) == "-")
document.calc.display.value = document.calc.display.value.substr(1)
else
document.calc.display.value = "-" + document.calc.display.value
}
//函数键
function inputfunction(fun,shiftfun)
{
endNumber=true
if (document.calc.shiftf.checked)
document.calc.display.value=decto(funcalc(shiftfun,(todec(document.calc.display.value,carry))),carry)
else
document.calc.display.value=decto(funcalc(fun,(todec(document.calc.display.value,carry))),carry)
document.calc.shiftf.checked=false
document.calc.hypf.checked=false
inputshift()
}
function inputtrig(trig,arctrig,hyp,archyp)
{
if (document.calc.hypf.checked)
inputfunction(hyp,archyp)
else
inputfunction(trig,arctrig)
}
//运算符
function operation(join,newlevel)
{
endNumber=true
var temp=stack.substr(stack.lastIndexOf("(")+1)+document.calc.display.value
while (newlevel!=0 && (newlevel<=(level.charAt(level.length-1))))
{
temp=parse(temp)
level=level.slice(0,-1)
}
if (temp.match(/^(.*/d[/+/-/*///%/^/&/|x])?([+-]?[0-9a-f/.]+)$/))
document.calc.display.value=RegExp.$2
stack=stack.substr(0,stack.lastIndexOf("(")+1)+temp+join
document.calc.operator.value=" "+join+" "
level=level+newlevel
}
//括号
function addbracket()
{
endNumber=true
document.calc.display.value=0
stack=stack+"("
document.calc.operator.value="   "
level=level+0
layer+=1
document.calc.bracket.value="(="+layer
}
function disbracket()
{
endNumber=true
var temp=stack.substr(stack.lastIndexOf("(")+1)+document.calc.display.value
while ((level.charAt(level.length-1))>0)
{
temp=parse(temp)
level=level.slice(0,-1)
}
document.calc.display.value=temp
stack=stack.substr(0,stack.lastIndexOf("("))
document.calc.operator.value="   "
level=level.slice(0,-1)
layer-=1
if (layer>0)
document.calc.bracket.value="(="+layer
else
document.calc.bracket.value=""
}
//等号
function result()
{
endNumber=true
while (layer>0)
disbracket()
var temp=stack+document.calc.display.value
while ((level.charAt(level.length-1))>0)
{
temp=parse(temp)
level=level.slice(0,-1)
}
document.calc.display.value=temp
document.calc.bracket.value=""
document.calc.operator.value=""
stack=""
level="0"
}
//修改键
function backspace()
{
if (!endNumber)
{
if(document.calc.display.value.length>1)
document.calc.display.value=document.calc.display.value.substring(0,document.calc.display.value.length - 1)
else
document.calc.display.value=0
}
}
function clearall()
{
document.calc.display.value=0
endNumber=true
stack=""
level="0"
layer=""
document.calc.operator.value=""
document.calc.bracket.value=""
}
//转换键
function inputChangCarry(newcarry)
{
endNumber=true
document.calc.display.value=(decto(todec(document.calc.display.value,carry),newcarry))
carry=newcarry
document.calc.sin.disabled=(carry!=10)
document.calc.cos.disabled=(carry!=10)
document.calc.tan.disabled=(carry!=10)
document.calc.bt.disabled=(carry!=10)
document.calc.pi.disabled=(carry!=10)
document.calc.e.disabled=(carry!=10)
document.calc.kp.disabled=(carry!=10)
document.calc.k2.disabled=(carry<=2)
document.calc.k3.disabled=(carry<=2)
document.calc.k4.disabled=(carry<=2)
document.calc.k5.disabled=(carry<=2)
document.calc.k6.disabled=(carry<=2)
document.calc.k7.disabled=(carry<=2)
document.calc.k8.disabled=(carry<=8)
document.calc.k9.disabled=(carry<=8)
document.calc.ka.disabled=(carry<=10)
document.calc.kb.disabled=(carry<=10)
document.calc.kc.disabled=(carry<=10)
document.calc.kd.disabled=(carry<=10)
document.calc.ke.disabled=(carry<=10)
document.calc.kf.disabled=(carry<=10)
}
function inputChangAngle(angletype)
{
endNumber=true
angle=angletype
if (angle=="d")
document.calc.display.value=radiansToDegress(document.calc.display.value)
else
document.calc.display.value=degressToRadians(document.calc.display.value)
endNumber=true
}
function inputshift()
{
if (document.calc.shiftf.checked)
{
document.calc.bt.value="deg "
document.calc.ln.value="exp "
document.calc.log.value="expd"
if (document.calc.hypf.checked)
{
document.calc.sin.value="ahs "
document.calc.cos.value="ahc "
document.calc.tan.value="aht "
}
else
{
document.calc.sin.value="asin"
document.calc.cos.value="acos"
document.calc.tan.value="atan"
}
document.calc.sqr.value="x^.5"
document.calc.cube.value="x^.3"
document.calc.floor.value="小数"
}
else
{
document.calc.bt.value="http://wangyeba.com"
document.calc.ln.value=" ln "
document.calc.log.value="log "
if (document.calc.hypf.checked)
{
document.calc.sin.value="hsin"
document.calc.cos.value="hcos"
document.calc.tan.value="htan"
}
else
{
document.calc.sin.value="sin "
document.calc.cos.value="cos "
document.calc.tan.value="tan "
}
document.calc.sqr.value="x^2 "
document.calc.cube.value="x^3 "
document.calc.floor.value="取整"
}
}
//存储器部分
function clearmemory()
{
mem=0
document.calc.memory.value="   "
}
function getmemory()
{
endNumber=true
document.calc.display.value=decto(mem,carry)
}
function putmemory()
{
endNumber=true
if (document.calc.display.value!=0)
{
mem=todec(document.calc.display.value,carry)
document.calc.memory.value=" M "
}
else
document.calc.memory.value="   "
}
function addmemory()
{
endNumber=true
mem=parseFloat(mem)+parseFloat(todec(document.calc.display.value,carry))
if (mem==0)
document.calc.memory.value="   "
else
document.calc.memory.value=" M "
}
function multimemory()
{
endNumber=true
mem=parseFloat(mem)*parseFloat(todec(document.calc.display.value,carry))
if (mem==0)
document.calc.memory.value="   "
else
document.calc.memory.value=" M "
}
//十进制转换
function todec(num,oldcarry)
{
if (oldcarry==10 || num==0) return(num)
var neg=(num.charAt(0)=="-")
if (neg) num=num.substr(1)
var newnum=0
for (var index=1;index<=num.length;index++)
newnum=newnum*oldcarry+hexnum.indexOf(num.charAt(index-1))
if (neg)
newnum=-newnum
return(newnum)
}
function decto(num,newcarry)
{
var neg=(num<0)
if (newcarry==10 || num==0) return(num)
num=""+Math.abs(num)
var newnum=""
while (num!=0)
{
newnum=hexnum.charAt(num%newcarry)+newnum
num=Math.floor(num/newcarry)
}
if (neg)
newnum="-"+newnum
return(newnum)
}
//表达式解析
function parse(string)
{
if (string.match(/^(.*/d[/+/-/*///%/^/&/|x/<])?([+-]?[0-9a-f/.]+)([/+/-/*///%/^/&/|x/<])([+-]?[0-9a-f/.]+)$/))
return(RegExp.$1+cypher(RegExp.$2,RegExp.$3,RegExp.$4))
else
return(string)
}
//数学运算和位运算
function cypher(left,join,right)
{
left=todec(left,carry)
right=todec(right,carry)
if (join=="+")
return(decto(parseFloat(left)+parseFloat(right),carry))
if (join=="-")
return(decto(left-right,carry))
if (join=="*")
return(decto(left*right,carry))
if (join=="/" && right!=0)
return(decto(left/right,carry))
if (join=="%")
return(decto(left%right,carry))
if (join=="&")
return(decto(left&right,carry))
if (join=="|")
return(decto(left|right,carry))
if (join=="^")
return(decto(Math.pow(left,right),carry))
if (join=="x")
return(decto(left^right,carry))
if (join=="<")
return(decto(left<<right,carry))
alert("除数不能为零")
return(left)
}
//函数计算
function funcalc(fun,num)
{
with(Math)
{
if (fun=="pi")
return(PI)
if (fun=="e")
return(E)
if (fun=="abs")
return(abs(num))
if (fun=="ceil")
return(ceil(num))
if (fun=="round")
return(round(num))
if (fun=="floor")
return(floor(num))
if (fun=="deci")
return(num-floor(num))
if (fun=="ln" && num>0)
return(log(num))
if (fun=="exp")
return(exp(num))
if (fun=="log" && num>0)
return(log(num)*LOG10E)
if (fun=="expdec")
return(pow(10,num))
if (fun=="cube")
return(num*num*num)
if (fun=="cubt")
return(pow(num,1/3))
if (fun=="sqr")
return(num*num)
if (fun=="sqrt" && num>=0)
return(sqrt(num))
if (fun=="!")
return(factorial(num))
if (fun=="recip" && num!=0)
return(1/num)
if (fun=="dms")
return(dms(num))
if (fun=="deg")
return(deg(num))
if (fun=="~")
return(~num)
if (angle=="d")
{
if (fun=="sin")
return(sin(degressToRadians(num)))
if (fun=="cos")
return(cos(degressToRadians(num)))
if (fun=="tan")
return(tan(degressToRadians(num)))
if (fun=="arcsin" && abs(num)<=1)
return(radiansToDegress(asin(num)))
if (fun=="arccos" && abs(num)<=1)
return(radiansToDegress(acos(num)))
if (fun=="arctan")
return(radiansToDegress(atan(num)))
}
else
{
if (fun=="sin")
return(sin(num))
if (fun=="cos")
return(cos(num))
if (fun=="tan")
return(tan(num))
if (fun=="arcsin" && abs(num)<=1)
return(asin(num))
if (fun=="arccos" && abs(num)<=1)
return(acos(num))
if (fun=="arctan")
return(atan(num))
}
if (fun=="hypsin")
return((exp(num)-exp(0-num))*0.5)
if (fun=="hypcos")
return((exp(num)+exp(-num))*0.5)
if (fun=="hyptan")
return((exp(num)-exp(-num))/(exp(num)+exp(-num)))
if (fun=="ahypsin" | fun=="hypcos" | fun=="hyptan")
{
alert("对不起,公式还没有查到!")
return(num)
}
alert("超出函数定义范围")
return(num)
}
}
function factorial(n)
{
n=Math.abs(parseInt(n))
var fac=1
for (;n>0;n-=1)
fac*=n
return(fac)
}
function dms(n)
{
var neg=(n<0)
with(Math)
{
n=abs(n)
var d=floor(n)
var m=floor(60*(n-d))
var s=(n-d)*60-m
}
var dms=d+m/100+s*0.006
if (neg)
dms=-dms
return(dms)
}
function deg(n)
{
var neg=(n<0)
with(Math)
{
n=abs(n)
var d=floor(n)
var m=floor((n-d)*100)
var s=(n-d)*100-m
}
var deg=d+m/60+s/36
if (neg)
deg=-deg
return(deg)
}
function degressToRadians(degress)
{
return(degress*Math.PI/180)
}
function radiansToDegress(radians)
{
return(radians*180/Math.PI)
}
//界面
//-->
  </SCRIPT>
<div align=center>
<CENTER>
  <table id=AutoNumber2 style="BORDER-COLLAPSE: collapse" borderColor=#808080 cellSpacing=0 cellPadding=0 width=760 border=0>
    <tr>
    </tr>
  </table>
  <table id=AutoNumber5 style="BORDER-COLLAPSE: collapse" borderColor=#808080 height=30 cellSpacing=0 cellPadding=0 width="93%" border=0>
    <tr>
      <td align=middle width="100%" bgColor=#dbe8d2 height=30>
<P>　
<div align=center>
<FORM name=calc>
        <table height=250 width=500 border=0>
          <tr>
            <td bgColor=#ecf4ec height=50>
              <table width=500>
                <tr>
                  <td width=486>
<div align=center><FONT face=Verdana>
                    <Input readOnly size=67 value=0 name=display></FONT></div></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td bgColor=#ecf4ec>
              <table width=500>
                <tr>
                  <td width=290><FONT face=Verdana>
  <Input οnclick=inputChangCarry(16) type=radio name=carry> 十六进制
  <Input οnclick=inputChangCarry(10) type=radio CHECKED name=carry> 十进制
  <Input οnclick=inputChangCarry(8) type=radio name=carry> 八进制
                    <Input οnclick=inputChangCarry(2) type=radio name=carry> 二进制 </FONT></td>
                  <td></td>
                  <td width=135><FONT face=Verdana>
  <Input οnclick="inputChangAngle('d')" type=radio CHECKED value=d name=angle> 角度制
                    <Input οnclick="inputChangAngle('r')" type=radio value=r name=angle> 弧度制 </FONT></td>
                </tr>
              </table>
              <table width=500>
                <tr>
                  <td width=170><FONT face=Verdana>
  <Input οnclick=inputshift() type=checkbox value=ON name=shiftf>上档功能
                    <Input οnclick=inputshift() type=checkbox value=ON name=hypf>双曲函数 </FONT></td>
                  <td><FONT face=Verdana>
  <Input style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=bracket>
  <Input style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=memory>
                    <Input style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=operator> </FONT></td>
                  <td width=183><FONT face=Verdana>
  <Input style="COLOR: red" οnclick=backspace() type=button value=" 退格 ">
  <Input style="COLOR: red" οnclick="document.calc.display.value = 0 " type=button value=" 清屏 ">
                    <Input style="COLOR: red" οnclick=clearall() type=button value=" 全清"> </FONT></td>
                </tr>
              </table>
              <table width=500>
                <tr>
                  <td>
                    <table>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputfunction('pi','pi')" type=button value=" PI " name=pi> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputfunction('e','e')" type=button value=" E  " name=e> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('dms','deg')" type=button value=d.ms name=bt> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick=addbracket() type=button value=" (  "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick=disbracket() type=button value=" )  "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('ln','exp')" type=button value=" ln " name=ln> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputtrig('sin','arcsin','hypsin','ahypsin')" type=button value="sin " name=sin> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="operation('^',7)" type=button value="x^y "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('log','expdec')" type=button value="log " name=log> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputtrig('cos','arccos','hypcos','ahypcos')" type=button value="cos " name=cos> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('cube','cubt')" type=button value="x^3 " name=cube> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('!','!')" type=button value=" n! "> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputtrig('tan','arctan','hyptan','ahyptan')" type=button value="tan " name=tan> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('sqr','sqrt')" type=button value="x^2 " name=sqr> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: #ff00ff" οnclick="inputfunction('recip','recip')" type=button value="1/x "> </FONT></td>
                      </tr>
                    </table>
                  </td>
                  <td width=30></td>
                  <td>
                    <table>
                      <tr>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=putmemory() type=button value=" 储存 "> </FONT></td>
                      </tr>
                      <tr>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=getmemory() type=button value=" 取存 "> </FONT></td>
                      </tr>
                      <tr>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=addmemory() type=button value=" 累存 "> </FONT></td>
                      </tr>
                      <tr>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=multimemory() type=button value=" 积存 "> </FONT></td>
                      </tr>
                      <tr>
                        <td height=33><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=clearmemory() type=button value=" 清存 "> </FONT></td>
                      </tr>
                    </table>
                  </td>
                  <td width=30></td>
                  <td>
                    <table>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('7')" type=button value=" 7 " name=k7> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('8')" type=button value=" 8 " name=k8> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('9')" type=button value=" 9 " name=k9> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('/',6)" type=button value=" / "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('%',6)" type=button value=取余> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('&',3)" type=button value=" 与 "> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('4')" type=button value=" 4 " name=k4> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('5')" type=button value=" 5 " name=k5> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('6')" type=button value=" 6 " name=k6> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('*',6)" type=button value=" * "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="inputfunction('floor','deci')" type=button value=取整 name=floor> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('|',1)" type=button value=" 或 "> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('1')" type=button value=" 1 "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('2')" type=button value=" 2 " name=k2> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('3')" type=button value=" 3 " name=k3> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('-',5)" type=button value=" - "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('<',4)" type=button value=左移> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="inputfunction('~','~')" type=button value=" 非 "> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('0')" type=button value=" 0 "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick=changeSign() type=button value=+/-> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" οnclick="inputkey('.')" type=button value=" . " name=kp> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('+',5)" type=button value=" + "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick=result() type=button value=" ＝ "> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: red" οnclick="operation('x',2)" type=button value=异或> </FONT></td>
                      </tr>
                      <tr align=middle>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('a')" type=button value=" A " name=ka> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('b')" type=button value=" B " name=kb> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('c')" type=button value=" C " name=kc> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('d')" type=button value=" D " name=kd> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('e')" type=button value=" E" name=ke> </FONT></td>
                        <td><FONT face=Verdana>
                          <Input style="COLOR: blue" disabled οnclick="inputkey('f')" type=button value=" F" name=kf> </FONT></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
</FORM></div>
      <CENTER></CENTER></td>
    </tr>
  </table>
</CENTER></div></CENTER>
[/code]
演示地址：http://www.leqw.com/tx/04.htm

5.关闭窗口的链接，这虽然简单，但是用的却非常多
[code]<a href="javascript:window.close()"><br>
关闭窗口</a>
[/code]
演示地址：http://www.leqw.com/tx/05.htm

6.检测浏览者所使用的显示器的分辨率，给出相应提示信息
[code]<script language="JavaScript1.2">
<!--
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")
//-->
</script>
[/code]
演示地址：http://www.leqw.com/tx/06.htm

7.自动检测IE所安装的各种插件，可以看看你的IE是否还可以
[code]<script language="JavaScript">
<!-- Hide this script from old browsers --
var num_of_plugins = navigator.plugins.length;
for (var i=0; i < num_of_plugins; i++) {
   var list_number=i+1;
   document.write("<font color=red>Plug-in No." + list_number + "- </font>"+navigator.plugins[i].name+" <br>[Location: " + navigator.plugins[i].filename + "]<p>");
   }
if (list_number>15)
        alert("/n哇!你有 " + list_number + " 种外挂程序!")
else
        alert ("/n多找一些外挂程序吧! 你只有  "+ list_number + " 种外挂程序,有点逊!")
// -- End Hiding Here -->
</script>
[/code]
演示地址：http://www.leqw.com/tx/07.htm

8.控制输入框只能输入文字或数字，也可以不允许输入特殊字符
[code]<form onSubmit="return false;">
这里不允许输入如下字符: (像 !@#$%^&* 等)<br>
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">
[/code]
演示地址：http://www.leqw.com/tx/08.htm

9.显示一个页面中的所有链接，而且可以直接点击，很有用的
[code]<script language="JavaScript1.2">
<!--
function extractlinks(){
var links=document.all.tags("A")
var total=links.length
var win2=window.open("","","menubar,scrollbars,toolbar")
win2.document.write("<font size='2'>一共有"+total+"个连接</font><br>")
for (i=0;i<total;i++){
win2.document.write("<font size='2'>"+links[i].outerHTML+"</font><br>")
}
}
//-->
</script>
<input type="button" onClick="extractlinks()" value="显示所有的连接">
[/code]
演示地址：http://www.leqw.com/tx/09.htm

10.在输入框中输入内容，然后输入框消失，出现欢迎信息
[code]<SCRIPT>
if (document.layers) {
  document.writeln ('<STYLE>');
  document.writeln ('  .changeable { position: relative; }');
  document.writeln ('<//STYLE>');
}
</SCRIPT>
<SCRIPT>
function setElement (id, html) {
  if (document.layers) {
    var l = document[id];
    if (!l.overLayer) {
      l.overLayer = new Layer(l.clip.width);
      l.overLayer.left = l.pageX;
      l.overLayer.top  = l.pageY;
      l.visibility = 'hide';
      l.overLayer.visibility = 'show';
    }
    l.overLayer.document.open();
    l.overLayer.document.write(html);
    l.overLayer.document.close();
  }
  else if (document.all) {
    document.all[id].innerHTML = html;
  }
}
function changeNow() {
var user = document.aForm.user.value
document.aForm.aField.value = "Welcome "+user+"";
setElement ('someParagraph', document.aForm.aField.value);
}
var nw = "'";
document.write('<FORM NAME="aForm">');
document.write('<INPUT TYPE="hidden" NAME="aField" VALUE="">');
document.write('<SPAN ID="someParagraph" CLASS="changeable">');
document.write('<input type=text name=user size=5> <INPUT TYPE="button" VALUE="ok" ONCLICK="changeNow();">');
document.write('</SPAN></form>');
</SCRIPT>
[/code]
演示地址：http://www.leqw.com/tx/10.htm 

11.检测访问者的来源，指出是从哪一个页面中来的
[code]你来自:<BR><FONT COLOR="BLUE">
<SCRIPT LANGUAGE="JAVASCRIPT">
var where = document.referrer
if (where == '') { document.write("a bookmark or by typing in my URL") }
else { document.write(where) }
</SCRIPT>
</FONT><P>
[/code]
演示地址：http://www.leqw.com/tx/11.htm

12.使浏览者自己选择回退的页面数，也很有用的
[code]<a href="javascript:history.go(-1)">1</a>
<a href="javascript:history.go(-2)">2</a>
<a href="javascript:history.go(-3)">3</a>
<a href="javascript:history.go(-4)">4</a>
<a href="javascript:history.go(-5)">5</a>
<a href="javascript:history.go(-6)">6</a>
<a href="javascript:history.go(-7)">7</a>
<a href="javascript:history.go(-8)">8</a>
<a href="javascript:history.go(-9)">9</a>
<a href="javascript:history.go(-10)">10</a>
[/code]
演示地址：http://www.leqw.com/tx/12.htm

13.自己选择性地控制要打开的窗口的各种参数，是非常实用的脚本
[code]<SCRIPT LANGUAGE="JAVASCRIPT">
<!--  hide      
function customize(form) {   
        var address = document.form1.url.value;   
        var op_tool  = (document.form1.tool.checked== true)  ? 1 : 0;   
        var op_loc_box  = (document.form1.loc_box.checked == true)  ? 1 : 0;   
        var op_dir  = (document.form1.dir.checked == true)  ? 1 : 0;   
        var op_stat  = (document.form1.stat.checked == true)  ? 1 : 0;   
        var op_menu  = (document.form1.menu.checked == true)  ? 1 : 0;   
        var op_scroll  = (document.form1.scroll.checked == true)  ? 1 : 0;   
        var op_resize  = (document.form1.resize.checked == true)  ? 1 : 0;   
        var op_wid  = document.form1.wid.value;   
        var op_heigh = document.form1.heigh.value;                 
        var option = "toolbar="      + op_tool +                ",location="    + op_loc_box +                ",directories="
        + op_dir +                ",status="      + op_stat
        +                ",menubar="     + op_menu +                ",scrollbars="  
        + op_scroll +                ",resizeable="  + op_resize
        +                ",width="      
        + op_wid +                ",height="      + op_heigh;
        var win3 = window.open("", "what_I_want", option);  
        var win4 = window.open(address, "what_I_want");
}
function clear(form){
        document.form1.wid.value="";
        document.form1.heigh.value="";
}
// done hiding -->
</SCRIPT>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1  ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.mbsky.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text"   NAME="wid" value= >: Width
<INPUT TYPE="text"  NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
[/code]
演示地址：http://www.leqw.com/tx/13.htm

14.检测访问者的来源，指出是从哪一个页面中来的
[code]<input type="button" value="落伍者" onClick="window.open('http://www.im286.com', 'Sample', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes,width=490,height=320,left=0,top=0')" name="Input">
[/code]
演示地址：http://www.leqw.com/tx/14.htm

15.打开页面时跳出对话框，要你输入姓名，然后在页面上作出提示
[code]<SCRIPT language="JavaScript"><!--
var Firstname=prompt("您是光临本站的贵宾，请在贵宾簿里签名，让我知道您是谁！","网友");
document.write("<h3><center>真诚欢迎您来访http://www.im286.com<BR><P>" + " ")
document.write("<font color=red>"+Firstname +"</font>"+ "先生(小姐)</h3>");
document.write("")

//-->
</SCRIPT>[/code]
演示地址：http://www.leqw.com/tx/15.htm

16.记录页面的最后修改时间，这可是经常用的
[code]<script language="JavaScript">
<!--hide script from old browsers
document.write("This page has been updated: " + document.lastModified + "")
// end hiding -->
</script>
[/code]
演示地址：http://www.leqw.com/tx/16.htm

17.点击一个链接，可以弹出一个对话框，问你是否把某站设为首页
[code]<span  οnclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.im286.com');"  style="CURSOR: hand"><br>将本站设置为首页</a></span>[/code]
演示地址：http://www.leqw.com/tx/17.htm

18.离开一个页面时跳出一个警告框，作为提醒脚本用
[code]<body bgcolor="#fef4d9" onUnload="window.alert('谢谢你的光临!欢迎下次再来!')">
[/code]
演示地址：http://www.leqw.com/tx/18.htm

19.点击一个链接，就会弹出收藏夹对话框
[code]<a href="javascript:window.external.AddFavorite('http://www.im286.com', '落伍者')">点击加入收藏夹</a>[/code]
演示地址：http://www.leqw.com/tx/19.htm

20.记录你的登陆次数，并根据你的登陆次数不同作出不同的提示信息
[code]<SCRIPT language="JavaScript"><!--
function getCookieVal(offset)
{var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)
endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}function GetCookie(name)
{var arg=name+"=";var alen=arg.length;var clen=document.cookie.length;var i=0;while(i<clen)
{var j=i+alen;if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);i=document.cookie.indexOf(" ",i)+1;if(i==0)
break;
}return null;}function SetCookie(name,value)
{var argv=SetCookie.arguments;var argc=SetCookie.arguments.length;var expires=(2<argc)?argv[2]:null;var path=(3<argc)?argv[3]:null;var domain=(4<argc)?argv[4]:null;var secure=(5<argc)?argv[5]:false;document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");}function ResetCounts(name)
{visits=0;SetCookie("visits",visits,expdate,"/",null,false);location.reload();}
//-->
</SCRIPT>
<SCRIPT language="JavaScript"><!--
var expdate=new Date();
var visits;//以下设置COOKIES时间为1年,自己随便设置该时间..
expdate.setTime(expdate.getTime()+(24*60*60*1000*365));
if(!(visits=GetCookie("visits")))
visits=0;visits++;SetCookie("visits",visits,expdate,"/",null,false);//以下信息显示可以使用标准的HTML语法,自己随便设置。
document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次！");if(visits==1)//来访1次的信息显示
document.write("<br>"+"欢迎光临本站，觉得本站内容如何？");if(visits==2)//来访2次的信息显示，以下类推，自己随便增加。
document.write("<br>"+"再次光临不胜容幸!今后要常来啊！欢迎订阅本站邮件列表。");if(visits==3)
document.write("<br>"+"常客，在本站的论坛发个帖子如何？");if(visits==4)
document.write("<br>"+"你这个疯子!");if(visits>=5)
document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。");
//-->
</SCRIPT>
[/code]
演示地址：http://www.leqw.com/tx/20.htm

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值