zoukankan      html  css  js  c++  java
  • js语法学习(变量类型,循环,判断语句,函数)

    语法:

    基本类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。

    引用数据类型:对象(Object)、数组(Array)、函数(Function)。

    <!DOCTYPE html>
    <!--基本数据类型-->
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        var num = 10;
        var str = "hello world";
        var  boole = true;
        var array = [10,20,"三十"];
        <!--数组通过索引取值-->
        for (var i=0;i<=array.length;i++){
            var result = array[i];
            alert(result);
        }
        <!--json通过键取值-->
        var json = {"name":"张三", "age":23}
        alert(json.name)
    
    </script>
    
    </body>
    </html>

    函数:

    <!DOCTYPE html>
    <!--函数学习-->
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        function add(a,b) {
            return a+b;
        }
        var result = add(3,6);
        alert(result);
    </script>
    
    </body>
    </html>

    常见错误:引用错误,变量is not defined

    for循环:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        for (var i = 1;i<=3;i++){
            alert(i);
        }
    </script>
    
    </body>
    </html>

    常见错误:语法错误,syntaxError

    条件语句:if,else if ,else:

    <!DOCTYPE html>
    <!--条件语句-->
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        function grade(scrce) {
            if (scrce>=80){
                alert("优秀");
            }
            else if (scrce<80 && scrce>=60){
                alert("良好");
            }
            else {
                alert("不及格")
            }
        }
        grade(80);
    </script>
    </body>
    </html>

     js打印九九乘法表:

    <script>
        for (var i = 1;i<=9;i++){
            for (var j = 1;j<=i;j++){
                document.write(i + "*" + j + "=" + j * i," ");
            }
            document.write("<br>");
        }
    </script>

    效果如图:

  • 相关阅读:
    读书笔记之:数据结构,算法与应用(3)
    C++中的虚函数继承与虚继承
    读书笔记之:Effective STL
    C++虚函数及虚函数表解析
    类中的常量, const对象和成员函数
    读书笔记之:Boost程序库完全开发指南(Ch14)
    读书笔记之:C++探秘——68讲贯通C++
    读书笔记之:Boost程序库完全开发指南(ch516)
    配置java的环境变量
    查询并杀死死锁
  • 原文地址:https://www.cnblogs.com/xiamaojjie/p/12691978.html
Copyright © 2011-2022 走看看