javascript的简单操作

IF ELSE

<script> var temp = prompt("Please input your score",0); //>90 奖励IPHONE  >80奖励PSP //>=60笔记本(写字用) //<60 奖励棍子烧肉 if( temp > 80 ){        alert("奖励IPHONE"); }else if( temp > 90 ){        alert("奖励PSP"); }else if(temp >= 60 ){        alert("笔记本(写字用)"); }else{        alert("奖励棍子烧肉"); } </script>

 

Switch

<script> var n = 5;//元 switch(n){        case 10: alert("红金龙");               break;        case 17:alert("黄鹤楼");               break;        case 100:alert("1916");               break;        default:alert("要不要来点烟丝?"); } </script>

 

简单函数

 

<style> *{        font-size:1cm; } </style>   <script> function show(i){        document.write("饿了吗？"+i);        return "给个汉堡包"; }   function hungry(i){         var food = show(i);         alert(food); } //alert(typeof(show));   </script>   <input type="button" value="我是按钮" οnclick="hungry(123)">

 

 

变量作用域

<script> var i = 10; </script>   <script> //被定义的函数会被加载到浏览器的内存 function run(){        //var i = 9;        alert(i); } function run2(){        //var i = 9;        var j = 10;        alert(i); }   //var i = 10;  //正常显示10  因为在调用run2函数前 i 已经被赋值，所以alert(i)的时候i是10 run2();//调用函数 //var i = 10;  //弹出undefined  alert(j);//使用局部变量  不能使用，因为函数在使用的时候，其中所定义的变量都会被动态创建；当该函数被调用完了之后，函数中定义的变量会被释放 </script>

 

 

计算器

<style> *{        font-size:32px; } </style> <input type="text" id="num1"> <select id="operator">        <option value="+">+</option>        <option value="-">-</option>        <option value="*">*</option>        <option value="/">/</option> </select> <input type="text" id="num2"> = <input type="text" id="result"> <input type="button" value="运算" οnclick="calc()"> <script> function calc(){        //取值        var num1 = document.getElementById('num1').value;        var num2 = document.getElementById('num2').value;        var oper = document.getElementById('operator').value;                 //转换        var n1 = parseFloat(num1);        var n2 = parseFloat(num2);          //判断用户输入是否合法        var r1 = isNaN(n1); //abc==>true 判断参数是否是数字，如果不是返回true        var r2 = isNaN(n2);          if( r1 ){               alert("您的输入不合法，请重新输入!");               document.getElementById('num1').value = '';               return ;        }        if( r2 ){               alert("您的输入不合法，请重新输入!");               document.getElementById('num2').value = '';               return ;

｝ //计算        //var result = n1 + n2;        var result;//var关键字可以省略        /*        switch (oper)        {        case '+':               result = n1 + n2;  result = 4 + 2;               break;        case '-':               result = n1 - n2;    result = 4 - 2;               break;        case '*':               result = n1 * n2;    result = 4 * 2;               break;        case '/':               result = n1 / n2;    result = 4 / 2;               break;        }        */        result = eval(n1+oper+n2); //4 + "*" + 2  ==>  "4 * 2"        //显示        document.getElementById('result').value = result; } </script> <br> 1.照葫芦画。。。。验证第二个文本框输入是否合法<br> 2.如果不合法，请将不合法的内容清空<br> 3.完成所有功能运算

Eval

<input type="text" id="txt"> <input type="button" value="运行" οnclick="runTxt()"> <script> function runTxt(){        //alert()        var t = document.getElementById('txt').value;        eval('alert('+t+')');//将参数字符串作为JS脚本运行 } </script>

 

 

 

计算器

<input type="text" id="num1"> <select id="operar">        <option value='+'>+</option>        <option value='-'>-</option>        <option value='*'>*</option>        <option value='/'>/</option> </select> <input type="text" id="num2"> <input type="button" value="运算" οnclick="calc();" > <input type="text" id="result"> <script>        function calc()        {               //1，取值               var n1=document.getElementById('num1').value;               var n2=document.getElementById('num2').value;               var oper=document.getElementById('operar').value;                 //2，转换               var one=parseInt(n1);               var two=parseInt(n2);                 //3，判断是否符合条件               if((isNaN(one))&&(isNaN(two)))               {                   document.getElementById('num2').value="";                      document.getElementById('num1').value="";                                           alert("请输入正确类型的数字");               }               //4，计算               var js=eval(one+oper+two);                             //5，显示结果               document.getElementById('result').value=js;        } </script>

 

求1-100之间3的倍数和

<script> //求1-100之间是3的倍数的数之和        var i=1;        var sum=1;        for (;i<=100 ;i++ )        {               if (i%3==0)               {                      sum=sum+i;               }        }       alert('sum的值：'+sum); </script>

 

0-6之间代表周一到周六

<script> document.write('请输入0-6之间的数，对应着星期日到星期一');  var week=prompt('请输入0-6:',0);  switch (week)  {    case '0':               alert('星期日');               break;    case '1':               alert('星期一');               break;    case '2':               alert('星期二');               break;    case '3':               alert('星期三');               break;    case '4':               alert('星期四');               break;    case '5':               alert('星期五');               break;

case '6':               alert('星期六');               break;        default:               alert('请按要求输入！');  } </script>

 

九九乘法表

<script> //表格中的九九乘法表 document.write('<table border="1">');   for ( var i=1;i<=9 ;i++ ) {        document.write('<tr>');        for (var j=1;j<=i ;j++ )        {               document.write('<td>');               document.write(i+'*'+j+'='+(j*i)+'&nbsp;&nbsp;</td>');        }        document.write('<br>');        document.write('</tr>'); } document.write('<table>'); </script>

 

阶乘

	<script>        function c()        {               var input=document.getElementById("num").value;               var i=1;               var sum=1;               while(i<=input)               {                      sum*=i;                      i++;}                     document.getElementById('result').value=sum;               alert(input+"的阶乘是："+sum);        } </script>

	<script>        function c()        {               var input=document.getElementById("num").value;               var i=1;               var sum=1;               while(i<=input)               {                      sum*=i;                      i++;}                     document.getElementById('result').value=sum;               alert(input+"的阶乘是："+sum);        } </script>

 

计算器

<table> <tr> <td>第一个数</td> <td>第二个数</td> <td>结果</td> </tr> <tr> <td><input type="text" id="n1"></td> <td><input type="text" id="n2"></td> <td><input type="text" id="result"></td> </tr> <tr> <input type="button" value="+" οnclick="calc('+')"> <input type="button" value="-" οnclick="calc('-')"> <input type="button" value="*" οnclick="calc('*')"> <input type="button" value="/" οnclick="calc('/')"> </tr> <script> function calc(sign) { //赋值 var num1=document.getElementById('n1').value; var num2=document.getElementById('n2').value; var result=document.getElementById('result').value; //转换 var n1=parseFloat(num1); var n2=parseFloat(num2);

 

		//判断        if((isNaN(n1))&&(isNaN(n2)))        {               document.getElementById('n1').value="";               document.getElementById('n2').value="";               alert("请输入正确类型的字符");        }        /*1，使用SWITCH完成运算功能        switch(sign)        {               case '+':               result=n1+n2;               break;               case '-':               result=n1-n2;               break;               case '*':               result=n1*n2;               break;               case '/':               result=n1/n2;               break;        }        */        /*2,使用IF...ELSE 完成运算功能        if(sign='+')        {               result=n1+n2;        }        else if(sign='-')        {               result=n1-n2;        }        else if(sign='*')        {               result=n1*n2;        }        else if(sign='/')        {               result=n1/n2;        }        */
	//3,使用 eval()函数完成运功能        result=eval(n1+sign+n2);        document.getElementById('result').value=result; } </script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

打八

<table border='0'> <script> for(var n=0;n<9;n++) { document.write("<tr>"); for(var m=0;m<6;m++) { if(n==0||n==4||n==8) { document.write("<td style='background:black;width:30px;height:40px;'>"); } if((n==1||n==2||n==3)&&(m==5||m==0)) { document.write("<td style='background:black;width:30px;height:40px;'>"); } else if(n==1||n==2||n==3) { document.write("<td style='background:white;width:30px;height:40px;'>"); } if((n==6||n==7||n==5)&&(m==5||m==0)) { document.write("<td style='background:black;width:30px;height:40px;'>"); } else if(n==6||n==7||n==5) { document.write("<td style='background:white;width:30px;height:40px;'>"); } } document.write("<br>"); document.write("</tr>"); } </script> </table>

 

打二

<table border='0'> <script> for(var n=0;n<9;n++) { document.write("<tr>"); for(var m=0;m<6;m++) { if(n==0||n==4||n==8) { document.write("<td style='background:black;width:30px;height:40px;'>"); } if((n==1||n==2||n==3)&&m==5) { document.write("<td style='background:black;width:30px;height:40px;'>"); } else if(n==1||n==2||n==3) { document.write("<td style='background:white;width:30px;height:40px;'>"); } if((n==6||n==7||n==5)&&m==0) { document.write("<td style='background:black;width:30px;height:40px;'>"); } } document.write("<br>"); document.write("</tr>"); } </script> </table>

 

赋值运算

<body>   <script>        var w=3,q=2,t=5,e=8,w=q=e;        document.write("w,q,t,e的值分别是："+w ,q ,t ,e);   </script>  </body>

 

Javascript样式调用

<html>  <head>   <title> 样式 </title>   <meta http-equiv="Content-Type" content="text/html" charset="gb2312"/>  </head>  <body οnlοad="a();">  <script type="text/javascript" src="lesson3.js"></script>  </body> </html>

 

倒等腰三角形

<script language="javascript"> for (var i = 0; i < 9; i++) {        for (var j = 0; j <i; j++)        {               document.write("　 ");         }        for(var k=9;k>i;k--)        {               document.write("　*");               }        for(var k=8;k>i;k--)        {               document.write("　*");               }        document.write("<br>"); } </script>

 

 

正等腰三角形

<script language="javascript"> for (var i = 0; i < 9; i++) {        for (var j = 9; j >i; j--)        {               document.write("　 ");         }        for(var k=0;k<i;k++)        {               document.write("　*");               }        for(var k=0;k<i-1;k++)        {               document.write("　*");               }        document.write("<br>"); } </script>

工资结算

<script>          function calc()          {                    //用户输入：字符串  var input=document.getElementById("money").value;                    //强制转换为Float,计算   input = parseFloat(input);                    //定义结算工资变量，计算          var result=input + input*0.3+200;                    //控件接收值               document.getElementById("sal").value= result;                    //弹出对话框，显示工资             alert("我的工资结算是"+result);          }          </script> </head>   <title>javascript计算工资练习</title> <body> 基本工资：**** <br> 绩效：基本工资*30%<br> 补贴：200<br> <form>        工资底薪:<input type="text" id ="money"><br>        <input type = "button" value="计算工资" οnclick="calc()"><br>        结算工资：<input type="text" id ="sal"> <form>