JavaScript基本語(yǔ)法講解
JavaScript由被放置在<script>... </script>的JavaScript語(yǔ)句,在網(wǎng)頁(yè)中的HTML標(biāo)簽。
可以將<script>包含您的JavaScript在網(wǎng)頁(yè)的任何地方,但最好的方式是放它在<head>標(biāo)簽內(nèi)。
<script>標(biāo)記警告瀏覽器程序,開(kāi)始解釋這些標(biāo)記之間的所有文本作為一個(gè)腳本。所以,JavaScript的語(yǔ)法簡(jiǎn)單如下:
JavaScript code
</script>
script標(biāo)簽有兩個(gè)重要屬性:
- language: 該屬性指定的腳本語(yǔ)言所使用。通常情況下,它的值是JavaScript。雖然最近HTML(和XHTML,其繼任者)的版本已經(jīng)不再使用這個(gè)屬性。
- type: 該屬性是現(xiàn)在被推薦來(lái)指示所使用的腳本語(yǔ)言和它的值應(yīng)被設(shè)置為 "text/javascript".
所以,你的JavaScript片段應(yīng)該是這樣的:
<script language="javascript" type="text/javascript"> JavaScript code </script>
第一個(gè)JavaScript腳本:
讓我們寫一個(gè)例子打印出來(lái) "Hello World".
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
Javascript代碼可選HTML注釋。這里是的代碼不支持JavaScript的瀏覽器。用“//->”注釋結(jié)束。“//”表示在Javascript的注釋,所以我們?cè)黾恿朔乐篂g覽器在讀取HTML注釋的結(jié)尾作為一段JavaScript代碼。
接下來(lái),我們調(diào)用一個(gè)函數(shù)document.write其寫入字符串到HTML文檔。這個(gè)函數(shù)可用于寫文本,HTML,或兩者都有。所以,上面的代碼會(huì)顯示以下結(jié)果:
Hello World!
空格和換行:
JavaScript忽略空格,制表符和換行符出現(xiàn)在JavaScript程序。
因?yàn)檫@樣你就可以自由地格式化和縮進(jìn)程序在一個(gè)整潔,一致的方式,使代碼易于閱讀和理解,你可以使用空格,制表符,換行符和自由地在你的程序中。
分號(hào)是可選:
一般后跟一個(gè)分號(hào)在JavaScript中簡(jiǎn)單的語(yǔ)句,只是因?yàn)樗鼈冊(cè)贑,C++和Java。 JavaScript,但是可以忽略這個(gè)分號(hào),如果每個(gè)語(yǔ)句放置在一個(gè)單獨(dú)的行。例如,下列代碼可被寫入,而不使用分號(hào)
<script language="javascript" type="text/javascript"> <!-- var1 = 10 var2 = 20 //--> </script>
但是,當(dāng)在一行如下格式化,分號(hào)是必需的:
<script language="javascript" type="text/javascript"> <!-- var1 = 10; var2 = 20; //--> </script>
注:使用分號(hào)是一個(gè)良好的編程習(xí)慣。
區(qū)分大小寫:
JavaScript是一種區(qū)分大小寫的語(yǔ)言。這意味著,語(yǔ)言的關(guān)鍵字,變量,函數(shù)名,以及任何其他的標(biāo)識(shí)符必須始終用一個(gè)字母一致寫入大小寫。
所以標(biāo)識(shí)符Time, TIme 和TIME 在JavaScript中有不同的含義。
注:在變量和函數(shù)名在JavaScript中應(yīng)注意。
JavaScript中的注釋:
JavaScript 支持C風(fēng)格和C++ 風(fēng)格的注釋,因此:
- //和行結(jié)束之間的所有文本將被視為一個(gè)注釋,是會(huì)被JavaScript忽略。
- 任何文本在/*和*/之間的字符被視為注釋。這可能會(huì)跨越多行。
- JavaScript還承認(rèn)HTML注釋打開(kāi)順序<!--, JavaScript對(duì)待這是一個(gè)單行注釋,就像//注釋。
- 在HTML注釋結(jié)束序列-->無(wú)法識(shí)別,所以JavaScript應(yīng)該寫成//-->。
示例:
<script language="javascript" type="text/javascript"> <!-- // This is a comment. It is similar to comments in C++ /* * This is a multiline comment in JavaScript * It is very similar to comments in C Programming */ //--> </script>
相關(guān)文章
四十九個(gè)javascript小知識(shí)實(shí)用技巧
這篇文章主要給大家分享得是四十九個(gè)javascript小知識(shí)實(shí)用技巧像下面文章圍繞JavaScript得各種技巧詳細(xì)介紹,需要的朋友可以參考一下,希望對(duì)你有所幫助2021-11-11
JavaScript中MutationObServer監(jiān)聽(tīng)DOM元素詳情
這篇文章主要給大家分享的是?JavaScript中MutationObServer監(jiān)聽(tīng)DOM元素詳情,DOM的MutationObServer接口,可以在DOM被修改時(shí)異步執(zhí)行回調(diào)函數(shù),我的理解就是可以監(jiān)聽(tīng)DOM修改。下面來(lái)看看文章的詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
arrify 轉(zhuǎn)數(shù)組實(shí)現(xiàn)示例源碼解析
這篇文章主要為大家介紹了arrify 轉(zhuǎn)數(shù)組實(shí)現(xiàn)示例源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
微信小程序 Canvas增強(qiáng)組件實(shí)例詳解及源碼分享
這篇文章主要介紹了微信小程序 Canvas增強(qiáng)組件實(shí)例詳解及源碼分享的相關(guān)資料,WeZRender是一個(gè)微信小程序Canvas增強(qiáng)組件,這里詳細(xì)介紹,需要的朋友可以參考下2017-01-01

