JavaScript語(yǔ)句、JavaScript代碼和代碼塊的示例分析

發(fā)布時(shí)間：2022-02-22 09:47:31 來(lái)源：億速云閱讀：104 作者：小新欄目：開發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript語(yǔ)句、JavaScript代碼和代碼塊的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

JavaScript 語(yǔ)句
JavaScript 語(yǔ)句向?yàn)g覽器發(fā)出的命令。語(yǔ)句的作用是告訴瀏覽器該做什么。
下面的 JavaScript 語(yǔ)句向 id="demo" 的 HTML 元素輸出文本 "Hello World"：

document.getElementById("demo").innerHTML="Hello World";

分號(hào)
分號(hào)用于分隔 JavaScript 語(yǔ)句。通常我們?cè)诿織l可執(zhí)行的語(yǔ)句結(jié)尾添加分號(hào)。
使用分號(hào)的另一用處是在一行中編寫多條語(yǔ)句。
您也可能看到不帶有分號(hào)的案例。在 JavaScript 中，用分號(hào)來(lái)結(jié)束語(yǔ)句是可選的。

JavaScript 代碼
JavaScript 代碼（或者只有 JavaScript）是 JavaScript 語(yǔ)句的序列。
瀏覽器會(huì)按照編寫順序來(lái)執(zhí)行每條語(yǔ)句。下面的實(shí)例將操作兩個(gè) HTML 元素：

<!DOCTYPE html>
<html>
<body>
<h2>My Web Page</h2>
<p id="demo">A Paragraph.</p>
<div id="myDIV">A DIV.</div>
<script>
    document.getElementById("demo").innerHTML="Hello World";
    document.getElementById("myDIV").innerHTML="How are you?";
</script>
</body>
</html>

JavaScript 代碼塊
JavaScript 語(yǔ)句通過代碼塊的形式進(jìn)行組合。塊由左花括號(hào)開始，由右花括號(hào)結(jié)束。
塊的作用是使語(yǔ)句序列一起執(zhí)行。JavaScript 函數(shù)是將語(yǔ)句組合在塊中的典型例子。
下面的例子將運(yùn)行可操作兩個(gè) HTML 元素的函數(shù)：

<!DOCTYPE html>
<html>
<body>
<h2>My Web Page</h2>
<p id="myPar">I am a paragraph.</p>
<div id="myDiv">I am a div.</div>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
<script>
function myFunction() {
    document.getElementById("myPar").innerHTML="Hello World";
    document.getElementById("myDiv").innerHTML="How are you?";
}
</script>
<p>當(dāng)您點(diǎn)擊上面的按鈕時(shí)，兩個(gè)元素會(huì)改變。</p>
</body>
</html>

JavaScript 對(duì)大小寫敏感。
JavaScript 對(duì)大小寫是敏感的。編寫 JavaScript 語(yǔ)句時(shí)需要留意。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣，變量 myVariable 與 MyVariable 也是不同的。

空格
JavaScript 會(huì)忽略多余的空格。您可以向腳本添加空格，來(lái)提高其可讀性。

var name="Hello";
var name = "Hello";

提示：上面的兩行代碼是等效的。

對(duì)代碼行進(jìn)行折行
您可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行。

document.write("Hello \
World!");

上面的語(yǔ)句會(huì)正確地顯示。不過，您不能像這樣折行：

document.write \
("Hello World!");

您知道嗎？
JavaScript 是腳本語(yǔ)言。瀏覽器會(huì)在讀取代碼時(shí)，逐行地執(zhí)行腳本代碼。
而對(duì)于傳統(tǒng)編程來(lái)說，會(huì)在執(zhí)行前對(duì)所有代碼進(jìn)行編譯。

關(guān)于“JavaScript語(yǔ)句、JavaScript代碼和代碼塊的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

JavaScript語(yǔ)句、JavaScript代碼和代碼塊的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽