5、JavaScript语句

(1)JavaScript 语句

JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。下面的 JavaScript 语句向id="demo"的 HTML 元素输出文本 "你好JavaScript" :

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <p id="demo">这是一个段落</p>
    <script>
        document.getElementById("demo").innerHTML = "你好 JavaScript";
    </script>
</body>

效果:

(2)JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。本例向网页输出一个标题和两个段落。

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <p id="demo">一个段落。</p>
    <div id="myDIV">一个 DIV。</div>
<script>
    document.getElementById("demo").innerHTML="你好 JavaScript";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>

效果:

(3)JavaScript 代码块

JavaScript 可以分批地组合起来。代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <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>
    <p>当点击上面的按钮时,两个元素会改变。</p>
</body>

效果: