zoukankan      html  css  js  c++  java
  • JavaScript基础概念与语法

      学习了一些最基础的JavaScript语法:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device, initial-scale=1">
        <title>Jsstudy</title>
    </head>
    <body>
    <!--JS弹出弹窗-->
    <!--        <p>我是p标签</p>-->
    <!--    <script type="text/javascript">-->
    <!--        document.write("<p>我是JS写入文档流的p标签</p>")-->
    <!--    </script>-->
    
    <!--button的使用-->
    <!--    <button type="button" onclick="alert('我是button弹出的信息')">点我弹出信息</button>>-->
    
    
    <!--JS将文本输入元素-->
    <!--    <p id = "demo"> ppp</p>-->
    <!--    <script type="text/javascript">-->
    <!--        document.getElementById("demo").innerHTML = "Hello World!";-->
    <!--    </script>-->
    
    <!--JS函数调用-->
    <!--    <script type="text/javascript">-->
    <!--        function  myfunc() {-->
    <!--            document.write("<h1>我是H1</h1>")-->
    <!--            document.write("<h2>我是H2</h2>")-->
    <!--        };-->
    <!--        myfunc();-->
    <!--    </script>-->
    
    <!--变量的使用,变量命名可以用字母与数字和$,数字不能放最前面-->
    <!--    <script type="text/javascript">-->
    <!--        var y = 3;-->
    <!--        x = 1 + 1;-->
    <!--        var z = x+y;-->
    <!--        // alert(z);-->
    <!--        var name = "zhangsan";-->
    <!--        var city = "hangzhou";-->
    <!--        console.log(name); //F12打开console可以看到-->
    <!--        console.log(city);-->
    <!--        var x = true;-->
    <!--    </script>-->
    
    <!--JS对象-->
    <!--    <script type="text/javascript">-->
    <!--        var person = {-->
    <!--            firstname:"bob",-->
    <!--            lastname:"ge",-->
    <!--            id:123-->
    <!--        }-->
    <!--        var name = person.firstname;-->
    <!--        console.log(name);-->
    <!--    </script>-->
    
    <!--JS数组-->
    <!--    <script type="text/javascript">-->
    <!--        var course = ["chinese","math","english"];-->
    <!--        var vec = new Array(); //定义空的数组-->
    <!--        course[3] = "BBQ";-->
    <!--        console.log(course[0]);-->
    <!--        console.log(course[3]);-->
    <!--    </script>-->
    
    <!--JS用typeof查看类型-->
    <!--    <script type="text/javascript">-->
    <!--        var name = "zhangsan";-->
    <!--        var age = 11;-->
    <!--        var bool = true;-->
    <!--        var arr = [1,2,3,4];-->
    <!--        var dict = {-->
    <!--            name:"zhangsan",-->
    <!--            age:11-->
    <!--        }-->
    <!--        console.log( typeof(name) ); // string-->
    <!--        console.log( typeof(age) ); // number-->
    <!--        console.log( typeof(bool) ); // boolean-->
    <!--        console.log( typeof(arr) ); //object-->
    <!--        console.log( typeof(dict) ); //object-->
    <!--    </script>-->
    
    <!--JS,for语句-->
    <!--    <script type="text/javascript">-->
    <!--        for(var i=10;i<15;i++){-->
    <!--            document.write("<p>"+i+"</p>");-->
    <!--        }-->
    
    <!--        var arr = [1,2,3,4];-->
    <!--        // i 遍历的是下标而不是元素-->
    <!--        for(i in arr){-->
    <!--            document.write("<p>" + arr[i] + "</p>")-->
    <!--        }-->
    <!--    </script>-->
    
    <!--JS,while语句-->
    <!--    <script type="text/javascript">-->
    <!--        var arr = [1,2,3,4];-->
    <!--        var index = 0;-->
    <!--        while(index < arr.length){-->
    <!--            document.write("<p>" + arr[index] + "</p>");-->
    <!--            index ++;-->
    <!--        }-->
    
    <!--        index = 0;-->
    <!--        do{-->
    <!--            document.write("<p>" + arr[index] + "</p>");-->
    <!--            index ++;-->
    <!--        }while(index < arr.length);-->
    <!--    </script>-->
    
    <!--JS函数-->
    <!--    <script type="text/javascript">-->
    <!--        //可以定义无参函数-->
    <!--        function func(x,y) {-->
    <!--            var z = x+y;-->
    <!--            document.write("<p>"+z+"</p>");-->
    <!--            return z; // 可以没有返回值-->
    <!--        }-->
    <!--        var t = func(2,3);-->
    <!--        document.write("<p> 按返回值:"+t+"</p>");-->
    <!--     </script>-->
    
    
    </body>
    </html>
  • 相关阅读:
    java9
    java8
    java7
    java6
    java5
    java4
    java-list-分组
    Termux中安装gcc-7/gfortran-7实操过程,安装成功可以编译Fortran,c/c++
    安卓手机牛逼软件Termux中安装Archlinux,安装Jdk
    c++语言的组合类的使用,用组合类的方法计算两点间距离。
  • 原文地址:https://www.cnblogs.com/doggod/p/10894818.html
Copyright © 2011-2022 走看看