javascript基礎(chǔ)語(yǔ)法學(xué)習(xí)筆記
一、定義
javascript是一門用來(lái)增強(qiáng)頁(yè)面動(dòng)態(tài)效果,實(shí)現(xiàn)頁(yè)面與用戶之間的實(shí)時(shí)、動(dòng)態(tài)交互的腳本語(yǔ)言(解釋型編程語(yǔ)言)。javascript由三部分組成:ECMA、DOM和BOM
[1]ECMAScript由ECMA-262定義,提供核心語(yǔ)言功能(ECMA是歐洲計(jì)算機(jī)制造商協(xié)會(huì))
[2]DOM文檔對(duì)象模型,提供訪問(wèn)和操作網(wǎng)頁(yè)內(nèi)容的方法的接口
[3]BOM瀏覽器對(duì)象模型,提供與瀏覽器交互的方法的接口
二、引入
引入javascript有兩種辦法:在頁(yè)面內(nèi)嵌入js代碼和引入外部文件
[1]頁(yè)面內(nèi)嵌入
<script>
alert("My First JavaScript");
</script>
[2]引入外部js文件
[注意]帶有src屬性的<script>元素不應(yīng)該在其<script>標(biāo)簽之間再包含額外的js代碼,如果包含了嵌入的代碼,則只會(huì)下載并執(zhí)行外部腳本,而忽略嵌入的代碼
<script src="myScript.js"></script>
<script>
無(wú)論哪種引入方法,都需要利用<script>標(biāo)簽。<script>標(biāo)簽共用6個(gè)屬性,其中l(wèi)anguage屬性已經(jīng)廢棄
[1]src:表示包含要執(zhí)行代碼的外部文件,該文件可以跨域
[2]charset:可選,表示通過(guò)src屬性指定的代碼的字符集,大多數(shù)瀏覽器會(huì)忽略
[3]defer:可選,表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行,只對(duì)外部腳本有效
[4]async:可選,表示應(yīng)該立即下載腳本,但不妨礙頁(yè)面的其他操作。只對(duì)外部腳本有效
[5]type:可選,是language的替代屬性,表示編寫(xiě)代碼使用的腳本語(yǔ)言的內(nèi)容類型,也稱為MIME類型。考慮到兼容,一般還是text/javascript,若不指定,默認(rèn)值也是text/javascript
[6]language:已廢棄
async和defer
[1]如果async和defer都不設(shè)置,瀏覽器會(huì)立即加載并執(zhí)行指定的腳本
<script src="test.js"></script>
[2]如果只設(shè)置async,瀏覽器會(huì)異步下載腳本,不阻塞頁(yè)面的其他操作
[注意]異步腳本一定會(huì)在頁(yè)面的load事件前執(zhí)行
<script src="test.js" async></script>
[3]如果只設(shè)置defer,腳本會(huì)被延遲到文檔完全被解析和顯示后再執(zhí)行
<script src="test.js" defer></script>
注釋
注釋可以提高代碼可讀性,幫助自己和別人閱讀和理解Javascript代碼,注釋的內(nèi)容不會(huì)在網(wǎng)頁(yè)中顯示,分為單行注釋和多行注釋兩種
//單行注釋 /* 多行注釋 */
忽略空格
JavaScript會(huì)忽略多余的空格,可以向腳本添加空格,來(lái)提高其可讀性
//以下寫(xiě)法均正確 var name="hello"; var name ="hello"; var name = "hello";
代碼折行
可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行
//正確
document.write("Hello \
World!");
//錯(cuò)誤
document.write \
("Hello World!");
大小寫(xiě)敏感
JavaScript的變量、函數(shù)名和操作符都區(qū)分大小寫(xiě)。函數(shù)getElementById與getElementbyID不同,同樣,變量myVariable與MyVariable也是不同的
保留字和關(guān)鍵字
ECMA-262描述了一組具有特定用途的關(guān)鍵字,這些關(guān)鍵字用于表示控制語(yǔ)句的開(kāi)始或結(jié)束,或用于執(zhí)行特定操作等;ECMA-262還描述了另外一組不能用作標(biāo)識(shí)符的保留字,它們將來(lái)有可能成為關(guān)鍵字。

//第5版在非嚴(yán)格模式下的保留字 Class | enum | extends | super | const | export | import //第5版在嚴(yán)格模式下的保留字 Implements | package | public | interface | private | static | let* | protected | yield*
相關(guān)文章
JS模式之簡(jiǎn)單的訂閱者和發(fā)布者模式完整實(shí)例
這篇文章主要介紹了JS模式之簡(jiǎn)單的訂閱者和發(fā)布者模式,以一個(gè)完整實(shí)例形式詳細(xì)分析了JS訂閱者和發(fā)布者模式基本實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06
js實(shí)現(xiàn)多個(gè)標(biāo)題吸頂效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)標(biāo)題吸頂效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01
JavaScript時(shí)間戳與時(shí)間日期間相互轉(zhuǎn)換
今天做項(xiàng)目遇到這樣的問(wèn)題,要將獲取到的時(shí)間轉(zhuǎn)換為時(shí)間戳,通過(guò)查閱相關(guān)資料,問(wèn)題順利解決,下面小編把具體實(shí)現(xiàn)代碼分享到腳本之家平臺(tái),需要的朋友參考下2017-12-12
微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
JavaScript判斷數(shù)據(jù)類型的四種方式總結(jié)
JavaScript 作為一門動(dòng)態(tài)語(yǔ)言,其靈活性是把雙刃劍,一方面帶來(lái)了開(kāi)發(fā)的便利性,另一方面也給我們?cè)陬愋团袛鄷r(shí)帶來(lái)了挑戰(zhàn),特別是在處理類型轉(zhuǎn)換和隱式轉(zhuǎn)換的時(shí)候,所以本篇文章我們將探討 JavaScript 中的數(shù)據(jù)類型判斷方式及在實(shí)際項(xiàng)目中的應(yīng)用,需要的朋友可以參考下2025-04-04
原生js實(shí)現(xiàn)網(wǎng)頁(yè)頂部自動(dòng)下拉/收縮廣告效果
本文主要介紹了原生js實(shí)現(xiàn)網(wǎng)頁(yè)頂部自動(dòng)下拉/收縮廣告效果的實(shí)例代碼。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01

