zoukankan      html  css  js  c++  java
  • 第一天:javascript实现界面运算及循环语句跳转语句

    文档位置:untitled3(c:userdellWebstormProjectsuntitled3	estjstry0.html

    知识点1:
    1.新创建html文件,编辑文档如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>运算</title>
    </head>
    <body>
    <p>i=10,j=5;求i+j=?</p>
    <p id="sumid"></p>

    <button onclick="mysum()">结果</button>
    <script>


    function mysum(){
    var i=10;
    var j=5;
    var m=i+j;
    document.getElementById("sumid").innerHTML=m;

    }
    </script>
    </body>
    </html>

    点击chorm标记,网页浏览

    运行结果:

    点击“结果”按钮,如下结果



    知识点2: var i=“2”
    用了双引号后,2不再是个数字型,而是字符串型
    任何类型和字符串相加,则都转化为字符串类型
    1)
    var i=“2”;

    var j=“2”
    Var m= i+j;

    则 m=22
    2)
    2)
    var i=2;

    var j=“2”
    var m= i+j;


    则 m=22

    3)
    var i=2;

    var j=2
    var m= i+j;
    则 m=4

    知识点3:运算符
     /*  运行结果:true
    var i=10;
    var j=10;
    document.write(i==j)
    */

    /* 运行结果:false
    var i=10;
    var j=9;
    document.write(i==j)
    */
    /* 运行结果:true,因为j转化为字符串了
    var i="10";
    var j=10;
    document.write(i==j)
    */

    /* 运行结果:,因为三个等号,表示类型也的相同
    var i="10";
    var j=10;
    document.write(i==j)
    */
    // 运行结果:i小于等于10
    var i=10;
    document.write(i>10?"i大于10":"i小于等于10"); //三目运算符
    知识点4:switch的写法
    var i=3;
    switch (i){
    case 1:
    document.write("i=1");
    break;
    case 2:
    document.write("i=2");
    break;
    case 3:
    document.write("i=3");
    break;
    case 4:
    document.write("i=4");
    break;
    default:
    document.write("i不等于任何值");
    }
    知识点6:循环语句for、for (in)循环

    /*运行结果:每行一个数 1、 2、 3、 4、 5、
    var i=[1,2,3,4,5]
    for(j=0;j<5;j++){
    document.write(i[j]+"、");
    }
    */
    /*运行结果:每行一个数 3 2 3 4 5
    var i=[3,2,3,4,5]
    var j;
    for(j in i){
    document.write(i[j]+"<br>");
    }
    */

    知识点7 循环语句while 和do...while
    1)while 示例:

    var i=1;
    while (i<5){
    document.write("i="+i+"</br>");
    i++

    }
    运行结果:
    i=1
    i=2
    i=3
    i=4
    2)while 示例:

    var i=3;
    do{
    document.write("i="+i+"</br>");
    i++
    } while (i<5){}
    运行结果:
    i=1
    i=2
    i=3
    i=4

    while 和do while的区别是,while先去做判断,然后进行下一步
    1)和2)中i的初始值如果是5,则例子1没有结果输出,例子2会输出 i=5


    知识点8 跳转语句break 和continue
    1)break:

    var i=1;
    for(i=1;i<10;i++){
    if(i==5){
    break;
    }
    document.write("i="+i+"<br>")
    }
    运行结果:
    i=1
    i=2
    i=3
    i=4

    2)continue:

    var i=1;
    for(i=1;i<10;i++){
    if(i==5){
    continue;
    }
    document.write("i="+i+"<br>")
    }
    运行结果:
    i=1
    i=2
    i=3
    i=4
    i=6
    i=7
    i=8
    i=9
    ps:break跳出当前的循环 continue是跳出本次循环,继续下一次循环





  • 相关阅读:
    一个强大的json解析工具类
    android存储路径问题
    android界面的滑动切换功能
    mysql数据库
    【hadoop+spark】搭建spark过程
    【设计模式】行为型01策略模式(strategy patten)
    【java爬虫】网络爬虫思路
    maven_nexus私服搭建
    【需要重新维护】Redis笔记20170811视频
    【工具】java 文本文档txt写出记录工具
  • 原文地址:https://www.cnblogs.com/fenr9/p/5556602.html
Copyright © 2011-2022 走看看