JavaScript 注释

叁歲伎倆 2023-01-13 04:15 105阅读 0赞

<!DOCTYPE html>
    <html>
    <body>
    
    <h1 id="myH"></h1>
    <p id="myP"></p>
    
    <script>
    // 改变标题：
    document.getElementById("myH").innerHTML = "JavaScript 注释";
    // 改变段落：
    document.getElementById("myP").innerHTML = "我的第一个段落。";
    </script>
    
    </body>
    </html>

<!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript 注释</h2>
    
    <p id="demo"></p>
    
    <script>
    var x = 5;      // 声明 x，然后为其赋值 5
    var y = x + 2;  // 声明 y，然后为其赋值 x + 2 
    // 把 y 写入 demo
    document.getElementById("demo").innerHTML = y;
    </script>
    
    
    </body>
    </html>

<!DOCTYPE html>
    <html>
    <body>
    
    <h1 id="myH"></h1>
    <p id="myP"></p>
    
    <script>
    /*
    下面的代码会改变
    id = "myH" 的标题
    以及 id = "myp" 的段落
    */
    document.getElementById("myH").innerHTML = "JavaScript 注释";
    document.getElementById("myP").innerHTML = "我的第一个段落。";
    </script>
    
    </body>
    </html>

<!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript 注释</h2>
    
    <h1 id="myH"></h1>
    
    <p id="myP"></p>
    
    <script>
    //document.getElementById("myH").innerHTML = "我的首页";
    document.getElementById("myP").innerHTML = "我的第一个段落。";
    </script>
    
    <p>// 开头的代码行不会被执行。</p>
    
    </body>
    </html>

<!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript 注释</h2>
    
    <h1 id="myH"></h1>
    
    <p id="myP"></p>
    
    <script>
    /*
    document.getElementById("myH").innerHTML = "欢迎访问我的首页";
    document.getElementById("myP").innerHTML = "这是我的第一个段落。";
    */
    document.getElementById("myP").innerHTML = "注释块不会被执行。";
    </script>
    
    
    </body>
    </html>

完整项目：[http://github.crmeb.net/u/defu][http_github.crmeb.net_u_defu]

[http_github.crmeb.net_u_defu]: http://github.crmeb.net/u/defu