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>
  • 相关阅读:
    Python学习 day01打卡
    Python变量常量及注释
    Python基础简介
    「ubuntu」sudo命令卡住
    「ubuntu」sudo无密码
    「ubuntu」Ubuntu Recovery模式下只读问题
    「ubuntu」在Ubuntu Server 16.04 LTS下安装VMware Tools(转)
    「mysql」设置utf8编码
    「hive」hive2.3.0配置derby
    「hadoop」log4j参考
  • 原文地址:https://www.cnblogs.com/doggod/p/10894818.html
Copyright © 2011-2022 走看看