您当前的位置: 首页 » JavaScript/JQuery编程 » 几个有用的Javascript脚本
几个有用的Javascript脚本
论坛链接
用javascript对中文的unicode编码和反编码
<script>
function unicode(s){
var len=s.length;
var rs="";
for(var i=0;i<len;i++){
var k=s.substring(i,i+1);
rs+="&#"+s.charCodeAt(i)+";";
}
return rs;
}
function runicode(s){
var k=s.split(";");
var rs="";
for(i=0;i<k.length;i++){
var 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;i<k.length;i++){
if(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()">
<img src="2.jpg" border="0" width="500" height="500" />
<INPUT TYPE="BUTTON" Value="sub" onclick="foo()" />
一个倒计时功能，5分种提醒,0秒自动提交
<SCRIPT LANGUAGE="JavaScript">
<!--
var time="3600";
var atime="300"; //定义时间
var etime="0";
function count(){
setTimeout("count()",1000); //1000毫秒＝1秒加载一次计数
document.form1.rest.value=format(Math.floor(time/60))+"分:"+format(time%60)+"秒";
time--;
if(time==atime){
alert("还剩5分钟");
}
if(time==etime-1){
alert("时间到，已经自动提交");
document.form1.submit();
}
}
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">
<!--
function count(form1){
var k = event.srcElement;
if(k.tagName=="INPUT"){
if(k.name=="a"){
form1.total.value+=k.value;
}
else if(k.name=="b"){
var a=eval(form1.total.value);
alert(a);
}
else if(k.name=="c"){
form1.total.value="";
}
}
}
//-->
</SCRIPT>
<script>
function unicode(s){
var len=s.length;
var rs="";
for(var i=0;i<len;i++){
var k=s.substring(i,i+1);
rs+="&#"+s.charCodeAt(i)+";";
}
return rs;
}
function runicode(s){
var k=s.split(";");
var rs="";
for(i=0;i<k.length;i++){
var 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;i<k.length;i++){
if(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()">
<img src="2.jpg" border="0" width="500" height="500" />
<INPUT TYPE="BUTTON" Value="sub" onclick="foo()" />
一个倒计时功能，5分种提醒,0秒自动提交
<SCRIPT LANGUAGE="JavaScript">
<!--
var time="3600";
var atime="300"; //定义时间
var etime="0";
function count(){
setTimeout("count()",1000); //1000毫秒＝1秒加载一次计数
document.form1.rest.value=format(Math.floor(time/60))+"分:"+format(time%60)+"秒";
time--;
if(time==atime){
alert("还剩5分钟");
}
if(time==etime-1){
alert("时间到，已经自动提交");
document.form1.submit();
}
}
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">
<!--
function count(form1){
var k = event.srcElement;
if(k.tagName=="INPUT"){
if(k.name=="a"){
form1.total.value+=k.value;
}
else if(k.name=="b"){
var a=eval(form1.total.value);
alert(a);
}
else if(k.name=="c"){
form1.total.value="";
}
}
}
//-->
</SCRIPT>