【代码笔记】Web-JavaScript-JavaScript语句

一，效果图。

二，代码。

复制代码
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript 语法</title>
</head>

<body>
    <!--语句-->
    <p id="demo">我的第一个段落</p>
    <script>
    document.getElementById("demo").innerHTML = "你好 Dolly";
    </script>
    <!--分号-->
    <h1>我的网页</h1>
    <p id="demo1"></p>
    <p id="demo2"></p>
    <script>
    a = 1;
    b = 2;
    c = a + b;
    document.getElementById("demo1").innerHTML = c;
    x = 1;
    y = 2;
    z = x + y;
    document.getElementById("demo2").innerHTML = z;
    </script>
    <!--代码-->
    <p id="demo">一个段落</p>
    <div id="myDIV">一个DIV.</div>
    <script>
    document.getElementById("demo").innerHTML = "你好Dolly";
    document.getElementById("myDIV").innerHTML = "你最近怎么样";
    </script>
    <!--代码块-->
    <p id="myPar">我是一个段落。</p>
    <div id="myDiv">我是一个div。</div>
    <p>
        <button type="button" onclick="myFunction()">点击这里</button>
    </p>
    <script>
    function myFunction() {
        document.getElementById("myPar").innerHTML = "你好世界";
        document.getElementById("myDiv").innerHTML = "你最近怎么样?";
    }
    </script>
</body>

</html>
复制代码

 

参考资料：《菜鸟教程》

posted @ 2018-11-23 09:12  花儿迎风笑  阅读(311)  评论(0)  编辑  收藏  举报