JavaScript基本运行，常量，变量和函数

js执行顺序和基本加载属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript测试</title>
</head>
<body>
<!--    //js代码由上往下执行，如果从外部加载进来，可以延时加载，关键字“defer"或把js脚本放到代码下面去。直接加载无效-->
<!--示例：<script src="" defer></script>-->
<!--如果js文件过大，又想同步执行，可以加入属性：async。如果js文件小就不需要了。示例：-->
<!--<script src="jquery.js" async></script>-->
<p>hello !!</p>
<div id="nav">
    <div id="index">这才是我要输入的内容</div>
</div>
    <script defer>
        window.document.write("<p>这是从js里面打印出来的数据!!</p>");
        alert("欢迎光临");
        //js声明变量需要关键字var
        var name = "admin";
        //需要在控制台打印
        console.log(name);
        //js可以想css一样设置样式。方法一：
        document.querySelector("#nav").style.border="1px solid red";
        document.querySelector("#nav").style.height="30px";
        document.querySelector("#index").style.border="1px solid black";
        document.querySelector("#index").style.width="200px";
        document.querySelector("#index").style.height="20px";
    </script>
<div id="nav1">
    <div id="index1">这才是我要输入的内容第二套方案；</div>
</div>
<script>
    // 方法二：给他一个变量来统一接收
    var nav1 = document.querySelector("#nav1");
    var index1 = document.querySelector("#index1");
    nav1.style.cssText="width:500px;margin:0 auto;height:50px;border:1px solid yellow;"
    index1.style.cssText = "width:320px;height:45px;font-size:20px;color:red;float:right;border:1px solid #000;";
</script>
</body>
</html>

js函数作用

<!--//js中：变量区分大小写，并：函数同样区分大小写-->
    <!--js函数更PHP相似-->
    <script>
        //函数中可以直接访问外部变量//js拼接使用“+”号
        var name = "隔壁王";
        function a()
        {
            return name + "我是函数1";
        }
        function A()
        {
            console.log("我是函数2");
            console.log('我还是函数2');
        }
        console.log(a());
        A();
    </script>

js声明常量和变量

<script>
    // js变量和常量比较抽象。可以理解为：常量就是固定不需要发生变化的值
    // 常量
    var name = '老王吧';
    // 变量
    var age = '30';
    console.log("name");
    // 打印变量不需要“”
    console.log(age);
    //更新age
    age = "31";
    console.log(age);
</script>

js执行顺序和基本加载属性

js函数作用

js声明常量和变量

总结：基本类型运行原理更PHP类型。这个位置比较好理解。

相关文章