2-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>