扫一扫,加我们为好友有惊喜哦~
-->

核心课程
开班动态
专题服务

您当前所在位置:首页 > 中心动态 >>
javascript学习笔记:js的基本运算

javascript学习课程报名咨询:常州文化宫校区:0519-69886161、新北校区:0519-68877558!

1、javascript:脚本语言
校验
特效
ajax:无刷新技术

2、例子
脚本是写在页面中,理论上写在哪里都可以,建议写在head之间!

脚本:弱类型语言,变量类型不需要显式声明的语言!

例子:基本运算
 <script type="text/javascript">
       var a = 12;
       var b = 1.2;
       var c = "hello";
       var d = true;
       alert(a + " " + b + " " + c + " " + d);
       a = a / 5;
       alert(a);
    </script>

例子:从键盘读入一个四位整数,对该数进行加密,加密方式每位+5后对10取余数,然后将该数颠倒
1287->6732->2376(加密后的结果)

alert:警告对话框
prompt:输入对话框

 <script type="text/javascript">
       var x = prompt("请输入一个四位整数","");
       var g = x % 10;
       var s = parseInt(x / 10) % 10;
       var b = parseInt(x / 100) % 10;
       var q = parseInt(x / 1000);
      
       g = (g + 5) % 10;
       s = (s + 5) % 10;
       b = (b + 5) % 10;
       q = (q + 5) % 10;
      
       //alert(q + " " + b + " " + s + " " + g);
       var y = g * 1000 + s * 100 + b * 10 + q;
       alert(y);      
    </script>

3、js的循环
例子:读入一个整数n,求n以内的水仙花数

 <script type="text/javascript">
       var n = prompt("请输入一个三位数n:","");
       var g,s,b;
       var r = "";
       //循环100~n找水仙花数
       for(var i = 100;i <= n;i++){
          g = i % 10;
          s = parseInt(i / 10) % 10;
          b = parseInt(i / 100);
         
          if(g * g * g + s * s * s + b * b * b == i){
             r += i + "\n";
          }
       }
      
       alert(r);
    </script>

4、js函数定义
例子:定义函数求两个数的和
 <script type="text/javascript">
       //求两个数的和
       function getSum(a,b){
          var m = a + b;
          return m;
       }
      
       //调用函数
       var x = getSum(1,2);
       alert(x);
    </script>

例子:求m~n之间的素数个数,m和n从键盘读入
 <script type="text/javascript">
       //判断是否是素数
       function sushu(n){
          var r = true;//假设该数是素数
         
          //找因子
          for(var i = 2;i <= Math.sqrt(n);i++){
             if(n % i == 0){
                 r = false;
                 break;
             }
          }
         
          if(n == 1){
             r = false;
          }
         
          return r;
       }
      
       //求m~n之内的素数个数
       function getNum(m,n){
          var c = 0;
          for(var i = m;i <= n;i++){
             if(sushu(i)){
                c++;
             }
          }
         
          return c;
       }
      
       var a = prompt("请输入一个数a:","");
       var b = prompt("请输入一个数b:","");
       var x = getNum(a,b);
       alert(a + "到" + b + "之间素数个数为:" + x);
    </script>


5、js数组
例子:定义并输出数组内容
 <script type="text/javascript">
 
    //输出数组元素的内容
    function show(a){
       for(var i = 0;i < a.length;i++){
          document.write("a[" + i + "] = " + a[i] + "<br />");
       }
    }
 
       var a = new Array();
       a[0] = 1;
       a[1] = "hi";
       a[2] = true;
       //show(a);
      
       var b = new Array(3);
       b[0] = 1;
       b[1] = 2;
       b[2] = 3;
       b[3] = 4;
       b[4] = 5;
       //show(b);
      
       var c = new Array(1,"hello",false,"my");
       show(c);
    </script>


例子:定义数组,存放一个班级所有人考试的分数,求出该班级的平均分、最高分、最低分,输出该班级考试在平均分以上的人和平均分以下人的人数分别是多少?
 <script type="text/javascript">
    //成绩数组
    var s = new Array(99,98,78,90,91,80,85,100,100,86);
    var x = s[0];//和
    var max = s[0];//假设下标为0的元素是最大值
    var min = s[0];
   
    for(var i = 1;i < s.length;i++){
       //如果有分数比最高分高
       if(s[i] > max){
          max = s[i];
       }
      
       if(s[i] < min){
          min = s[i];
       }
      
       x += s[i];
    }
   
    document.write("平均分:" + (x / s.length) + ",最高分:" + max + ",最低分:" + min + "<br />");
   
    //求平均分以上(含平均分)和以下的人数
    var a = 0;
    var b = 0;
    for(var i = 0;i < s.length;i++){
       if(s[i] >= (x / s.length)){
          a++;
       }else{
          b++;
       }
    }
   
    document.write("平均分以上人数:" + a + ",平均分以下人数:" + b + "<br />");
   
    </script>

6、js常见事件
A、onclick、ondblclick

B、onmouseover、onmouseout

例子:
      <p>
         <input type="button" value="单击一下试试" onclick="this.value='双击一下试试'" ondblclick="this.value='单击一下试试'"/>
      </p>
      <p>
        <input type="button" value="鼠标移上来" onmouseover="this.value='鼠标移出去';this.style.color='#F00';this.style.fontWeight='bold'"
       onmouseout="this.value='鼠标移上来';this.style.color='#00F';this.style.fontWeight='normal'" style="color:#00F"/>
      </p>

例子:利用事件调用函数
 <script type="text/javascript">
    function on(b){
       b.value='鼠标移出去';
       b.style.color='#F00';
       b.style.fontWeight='bold';
    }
   
    function out(b){
       b.value='鼠标移上来';
       b.style.color='#00F';
       b.style.fontWeight='normal';
    }
    </script>

      <p>
         <input type="button" value="鼠标移上来" onmouseover="on(this)" onmouseout="out(this)"  style="color:#00F">
      </p>

 


精彩文章推荐
【常州东方博宜多媒体课程培训】学员案例 [2014-2-18]
百度竞价排名如何减少恶意点击?[2014-2-11]
jquery特效:显示、隐藏文字【常州软件培训】[2013-9-7]
你绝对想不到的油漆广告![2012-10-22]
网页设计常见的错误[2012-7-14]
常州电脑培训——面试着装应该注意什么?[2012-6-12]
外贸市场的next主流-----整合营销[2012-4-17]
常州软件培训-关于ASP.NET的介绍[2011-11-21]


返回顶部