[收藏]几段JavaScript简单代码--随手笔记

[收藏]几段JavaScript简单代码--随手笔记

作者：5x54 点击：读取中... 次

引用代码：<HEAD>
<SCRIPT language = "JavaScript">
function calcu()
{
var numb1= document.calc.num1.value;
var numb2= document.calc.num2.value;
if ((numb1!="") && (numb2!=""))
{
if (parseFloat(numb1)<0)
{
  alert("竞拍价格不能小于零！\n请重填");
  return; //函数返回，不再执行后面的代码
}
  if (parseFloat(numb2)<0)
{
  alert("购买数量不能小于零！\n请重填");
  return;
}
var total= parseFloat(numb1)*parseFloat(numb2);
document.calc.result.value=total;
if ((total>500) &&(total<=1000))
alert("购买总价超过500\n支付时将赠送超级Q币2枚！");
if ((total>1000) &&(total<=2000))
alert("购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！");
if ((total>2000))
alert("购买总价超过2000\n请直接与贵宾台联系！");
}
else
  alert("购买数量或竞拍价格没有填写\n请重新输入！");
}
</SCRIPT>
</HEAD>
<form name="calc" action="">
<INPUT name="num1" value="311">
<INPUT name="num2" value="223">
<INPUT name="result" value="0">
<INPUT name="getAnswer" TYPE="button" onClick="calcu()" value="计算看看">
</form>

引用代码：<HTML>
<HEAD>
<TITLE>For 循环演示</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
document.write("<H2 align=center>打印金字塔直线</H2>");
for (var i= 0; i<100; i=i+5)
document.write("<HR align=center width=" + i+"%>");
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

引用代码：<HEAD>
<SCRIPT language="JavaScript" >
function compute(op)
{
   var num1,num2;
   num1=parseFloat(document.myform.num1.value);
   num2=parseFloat(document.myform.num2.value);
   if (op=="+")
document.myform.result.value=num1+num2 ;
   if (op=="-")
document.myform.result.value=num1-num2 ;
   if (op=="*")
document.myform.result.value=num1*num2 ;
   if (op=="/" && num2!=0)
document.myform.result.value=num1/num2 ;
}
</SCRIPT>
</HEAD>
<FORM action="" method="post" name="myform" >
<P>第一个数<INPUT name="num1" type="text">
<BR>第二个数<INPUT name="num2" type="text">
</P><P>
<INPUT name="addButton" type="button" value="＋" onClick="compute('+')">
<INPUT name="subButton" type="button" value="－" onClick="compute('-')">
<INPUT name="mulButton" type="button" value="×" onClick="compute('*')">
<INPUT name="divButton" type="button" value="÷" onClick="compute('/')">
</P>
<P>计算结果 <INPUT name="result" type="text">
</P>
</FORM>

引用代码：<SCRIPT LANGUAGE = "JavaScript">
  function checkEmail( )
  {
   var e=document.myform.email.value;
   if (e.length==0) //检测长度是否为0，即是否为空
  {
   alert("电子邮件不能为空!");
   return ;
  }
   if (e.indexOf("@",0)==-1) //检测是否包含”@”符号
  {
     alert("电子邮件格式不正确\n必须包含@符号！");
     return ;
  }
   if (e.indexOf(".",0)==-1) //检测是否包含”.”符号
   {
     alert("电子邮件格式不正确\n必须包含.符号！");
     return ;
    }
   document.write("恭喜您！，注册成功！");
  }
</SCRIPT>

<FORM action="" name="myform" >
  E-Mail:<INPUT name="email" value="">
  <INPUT name="result" TYPE="button" onClick="checkEmail( )" value="提交">
</FORM>

引用代码：<HTML>
<HEAD>
<META http-equiv="refresh" content="2">
<TITLE>自动刷新</TITLE>
<SCRIPT language="JavaScript" >
document.write("2秒自动刷新，随机显示图片");
var i=0;
i=Math.round(Math.random( )*8+1);//产生1-9的数字
document.write("<IMG width=640 height=433 src="+ i +".jpg>");
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>

引用代码：<HEAD>
<SCRIPT language="JavaScript" >
function myfun1( )
{
  if (document.myform.card.value=="请注意格式：10xxxxxx")
    document.myform.card.value="" ;
}
function myfun2( )
{
var a=document.myform.card.value;
if (a.substr(0,2)!="10" || isNaN(a))
{
  alert("格式错误，请重新输入") ;
  document.myform.card.focus();
}
}
</SCRIPT>
</HEAD>
<STYLE type="text/css">

</STYLE>
<BODY>
<FORM name="myform">
<H2>卡号：
<INPUT name="card" type="text" onFocus="myfun1( )" value="请注意格式：10xxxxxx" onBlur="myfun2( )">
<BR> 密码： <INPUT name = "pass" type = "text" >
</H2>
</FORM>
</BODY>

引用代码：<HTML>
<HEAD>
<TITLE>无标题文档</TITLE>
<SCRIPT language="JavaScript">
function change(color)
{
document.bgColor=color ;
}
</SCRIPT>
</HEAD>
<BODY>
<H2> 移过来我变色给你看看！</H2>
<FONT size=4>
<SPAN onMouseOver="change('red')">变红色</SPAN>|
<SPAN onMouseOver="change('blue')">变蓝色</SPAN>|
<SPAN onMouseOver="change('yellow')">变黄色</SPAN>
</FONT>
</BODY>

收藏此文章　　　　　打印更新　　　　　编辑此文章　　　　『关闭窗口』


	家园个人文集		http://www.5x54.com