javascript基礎(chǔ)語法學習筆記
一、定義
javascript是一門用來增強頁面動態(tài)效果,實現(xiàn)頁面與用戶之間的實時、動態(tài)交互的腳本語言(解釋型編程語言)。javascript由三部分組成:ECMA、DOM和BOM
[1]ECMAScript由ECMA-262定義,提供核心語言功能(ECMA是歐洲計算機制造商協(xié)會)
[2]DOM文檔對象模型,提供訪問和操作網(wǎng)頁內(nèi)容的方法的接口
[3]BOM瀏覽器對象模型,提供與瀏覽器交互的方法的接口
二、引入
引入javascript有兩種辦法:在頁面內(nèi)嵌入js代碼和引入外部文件
[1]頁面內(nèi)嵌入
<script> alert("My First JavaScript"); </script>
[2]引入外部js文件
[注意]帶有src屬性的<script>元素不應(yīng)該在其<script>標簽之間再包含額外的js代碼,如果包含了嵌入的代碼,則只會下載并執(zhí)行外部腳本,而忽略嵌入的代碼
<script src="myScript.js"></script>
<script>
無論哪種引入方法,都需要利用<script>標簽。<script>標簽共用6個屬性,其中l(wèi)anguage屬性已經(jīng)廢棄
[1]src:表示包含要執(zhí)行代碼的外部文件,該文件可以跨域
[2]charset:可選,表示通過src屬性指定的代碼的字符集,大多數(shù)瀏覽器會忽略
[3]defer:可選,表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行,只對外部腳本有效
[4]async:可選,表示應(yīng)該立即下載腳本,但不妨礙頁面的其他操作。只對外部腳本有效
[5]type:可選,是language的替代屬性,表示編寫代碼使用的腳本語言的內(nèi)容類型,也稱為MIME類型??紤]到兼容,一般還是text/javascript,若不指定,默認值也是text/javascript
[6]language:已廢棄
async和defer
[1]如果async和defer都不設(shè)置,瀏覽器會立即加載并執(zhí)行指定的腳本
<script src="test.js"></script>
[2]如果只設(shè)置async,瀏覽器會異步下載腳本,不阻塞頁面的其他操作
[注意]異步腳本一定會在頁面的load事件前執(zhí)行
<script src="test.js" async></script>
[3]如果只設(shè)置defer,腳本會被延遲到文檔完全被解析和顯示后再執(zhí)行
<script src="test.js" defer></script>
注釋
注釋可以提高代碼可讀性,幫助自己和別人閱讀和理解Javascript代碼,注釋的內(nèi)容不會在網(wǎng)頁中顯示,分為單行注釋和多行注釋兩種
//單行注釋 /* 多行注釋 */
忽略空格
JavaScript會忽略多余的空格,可以向腳本添加空格,來提高其可讀性
//以下寫法均正確 var name="hello"; var name ="hello"; var name = "hello";
代碼折行
可以在文本字符串中使用反斜杠對代碼行進行換行
//正確 document.write("Hello \ World!"); //錯誤 document.write \ ("Hello World!");
大小寫敏感
JavaScript的變量、函數(shù)名和操作符都區(qū)分大小寫。函數(shù)getElementById與getElementbyID不同,同樣,變量myVariable與MyVariable也是不同的
保留字和關(guān)鍵字
ECMA-262描述了一組具有特定用途的關(guān)鍵字,這些關(guān)鍵字用于表示控制語句的開始或結(jié)束,或用于執(zhí)行特定操作等;ECMA-262還描述了另外一組不能用作標識符的保留字,它們將來有可能成為關(guān)鍵字。
//第5版在非嚴格模式下的保留字 Class | enum | extends | super | const | export | import //第5版在嚴格模式下的保留字 Implements | package | public | interface | private | static | let* | protected | yield*
相關(guān)文章
JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)硪黄狫S字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03BootStrap學習系列之布局組件(下拉,按鈕組[toolbar],上拉)
這篇文章主要介紹了BootStrap學習系列之布局組件(下拉,按鈕組[toolbar],上拉)的相關(guān)資料,需要的朋友可以參考下2017-01-01JavaScript iframe 實現(xiàn)多窗口通信實例詳解
這篇文章主要為大家介紹了JavaScript iframe 實現(xiàn)多窗口通信實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10JS面向?qū)ο缶幊袒A(chǔ)篇(一) 對象和構(gòu)造函數(shù)實例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒ο蠛蜆?gòu)造函數(shù),結(jié)合實例形式詳細分析了JS面向?qū)ο缶幊虒ο蠛蜆?gòu)造函數(shù)具體概念、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-03-03