站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题值得收藏的几个有用的Javascript脚本

值得收藏的几个有用的Javascript脚本

摘要: 值得收藏的几个有用的Javascript脚本
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">

用javascript对中文的unicode编码和反编码

<script>
function unicode(s){
var len=s.length;
var rs="";
for(var i=0;ivar k=s.substring(i,i+1);
rs+="&#"+s.charCodeAt(i)+";";
}
return rs;
}

function runicode(s){
var k=s.split(";");
var rs="";
for(i=0;ivar m=k.replace(/&#/,"");
rs+=String.fromCharCode(m);
}
return rs;
}
alert(unicode("我是一头猪"));//我是一头猪
alert(runicode("我是一头猪"));
</script>

图像尺寸加载后修改,以适应页面宽度

<script>
function foo(){
var k=document.all;
for(var i=0;iif(k.tagName=="IMG"){
if(k.width>500){ //500是最大宽度
var height=Math.ceil(k.height*500/k.width);
k.height=height;
k.width="500";
}
}
}
}
</script>
<body onload="foo()">

<input TYPE="BUTTON" Value="sub" onclick="foo()" />


一个倒计时功能,5分种提醒,0秒自动提交

<script LANGUAGE="JavaScript">

function format(time){
var len=time.toString().length;
for(i="0";i<2-len;i++){
time+="0";
}
return time;
}

//
</script>
<form action="Save.Asp" method="post" name="form1" />
<input TYPE="button" Value="开始" onClick="count()" />
<input TYPE="text" NAME="rest" Value="60分:00秒" />
</form>

一个简单的计算器

<form name="form2" onClick="count(this)">
<input TYPE="button" value="0" name="a">
<input TYPE="button" value="1" name="a">
<input TYPE="button" value="2" name="a">
<input TYPE="button" value="3" name="a">
<input TYPE="button" value="4" name="a">
<input TYPE="button" value="5" name="a">
<input TYPE="button" value="6" name="a">
<input TYPE="button" value="7" name="a">
<input TYPE="button" value="8" name="a">
<input TYPE="button" value="9" name="a">
<input TYPE="button" value="-" name="a">
<input TYPE="button" value="+" name="a">
<input TYPE="button" value="*" name="a">
<input TYPE="text" NAME="total" readOnly>
<input TYPE="button" value="计算" name="b">
<input TYPE="button" value="清空" name="c">
</form>
<script LANGUAGE="JavaScript">
  

</td> </tr> </table> </textarea>
↑返回目录
前一篇: 网页图片特效技巧小总结
后一篇: 新颖实用的显示图片效果