您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關JavaScript語句、JavaScript代碼和代碼塊的示例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
JavaScript 語句
JavaScript 語句向瀏覽器發出的命令。語句的作用是告訴瀏覽器該做什么。
下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "Hello World":
document.getElementById("demo").innerHTML="Hello World";
分號
分號用于分隔 JavaScript 語句。通常我們在每條可執行的語句結尾添加分號。
使用分號的另一用處是在一行中編寫多條語句。
您也可能看到不帶有分號的案例。在 JavaScript 中,用分號來結束語句是可選的。
JavaScript 代碼
JavaScript 代碼(或者只有 JavaScript)是 JavaScript 語句的序列。
瀏覽器會按照編寫順序來執行每條語句。下面的實例將操作兩個 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 語句通過代碼塊的形式進行組合。塊由左花括號開始,由右花括號結束。
塊的作用是使語句序列一起執行。JavaScript 函數是將語句組合在塊中的典型例子。
下面的例子將運行可操作兩個 HTML 元素的函數:
<!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()">點擊這里</button> <script> function myFunction() { document.getElementById("myPar").innerHTML="Hello World"; document.getElementById("myDiv").innerHTML="How are you?"; } </script> <p>當您點擊上面的按鈕時,兩個元素會改變。</p> </body> </html>
JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。編寫 JavaScript 語句時需要留意。
函數 getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
空格
JavaScript 會忽略多余的空格。您可以向腳本添加空格,來提高其可讀性。
var name="Hello"; var name = "Hello";
提示:上面的兩行代碼是等效的。
對代碼行進行折行
您可以在文本字符串中使用反斜杠對代碼行進行換行。
document.write("Hello \ World!");
上面的語句會正確地顯示。不過,您不能像這樣折行:
document.write \ ("Hello World!");
您知道嗎?
JavaScript 是腳本語言。瀏覽器會在讀取代碼時,逐行地執行腳本代碼。
而對于傳統編程來說,會在執行前對所有代碼進行編譯。
關于“JavaScript語句、JavaScript代碼和代碼塊的示例分析”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。