javascript

最新推荐文章于 2024-09-22 11:17:00 发布

水滴娃娃

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量465

点赞数

文章标签： javascript input button ibm action function

本文链接：https://blog.csdn.net/chuyuqing/article/details/7330880

版权

网页中嵌入脚本有两种方式：使用<Script>标签或外部 *. js文件
JavaScript 中声明变量：var 变量名
“+”可以用于两个数相加，还可以用于连接字符串
parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数
运算符号分为算术运算符、比较运算符、逻辑运算符
条件语句分为if语句，if-else语句、if的嵌套
多分支语句switch根据表达式的值，进入不同的分支执行
算数运算符，逻辑运算符比较运算符
顺序结构：一条接一条，自上而下
选择结构：判断给定条件，根据不同情况做不同处理
循环结构：多次重复执行同一系列命令
if 语句
SCRIPT LANGUAGE = "JavaScript">
function calcu <HEAD>
<()
{
var numb1= document.calc.num1.value;
var numb2= document.calc.num2.value;
if ((numb1!="") && (numb2!=""))
{
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请直接与贵宾台联系！");
}
}
</SCRIPT>
</HEAD>….其他代码略，同上例

if-else语句
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
function calcu()
{
var numb1= document.calc.num1.value;
var numb2= document.calc.num2.value;
if ((numb1!="") && (numb2!=""))
{
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>

switch语句
switch (表达式)
{
  case 常量1 :
     JavaScript语句;
    break;
  case 常量2 :
     JavaScript语句;
     break;
  ...
     default :
        JavaScript语句;
}
for循环
例：
var i;
for (i=0; i<10; i++)
{
// 语句;
}
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>
while循环
     while(循环条件)
     {
        //语句；
     }
do－while循环
    do
    {
      //语句；
    }while(循环条件);
<HEAD>
<STYLE type="text/css">
.myfont
{
font-size:150px;
color:#c99c96;
font-family:Webdings //产生埃及图像的特殊字体
}
</STYLE>
<script language="JavaScript">
document.write("<H3>每个字符都对应一个漂亮的埃及图像</H3>");
do
{
   var c = prompt("输入一个字符，输入N 或n停止","A") ;
   document.write ("<font class=myfont >"+c+"</font>");
}while (c !="N" && c !="n");
</SCRIPT>
</HEAD>
定义函数
<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>