標籤:一起 tps roi 效能 size 瀏覽器物件模型 跨平台 span 好的
JavaScript簡介
JavaScript一種直譯式指令碼語言,是一種動態類型、弱類型、基於原型的語言,內建支援類型。它的解譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於用戶端的指令碼語言,最早是在HTML(標準通用標記語言 (SGML)下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。因為JavaScript相容於ECMA標準,因此也稱為ECMAScript。
ECMAScript,描述了該語javascript組成言的文法和基本對象。
文件物件模型(DOM),描述處理網頁內容的方法和介面。
瀏覽器物件模型(BOM),描述與瀏覽器進行互動的方法和介面。
JavaScript基本特點
1、是一種解釋性指令碼語言(代碼不進行先行編譯)
2、主要用來向HTML(標準通用標記語言 (SGML)下的一個應用)頁面添加互動行為
3、可以直接嵌入HTML頁面,但寫成單獨的js檔案有利於結構和行為的分離
4、跨平台特性,在絕大多數瀏覽器的支援下,可以在多種平台下運行(如Windows、Linux、Mac、Android、iOS等)
JavaScript使用
1、HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <script> //這裡放JavaScript代碼 alert("This is a test"); </script> </head> <body> <script> //這裡放JavaScript代碼 alert("This is a test"); </script> </body></html>
2、JavaScript指令碼也可以放在HTML外部副檔名為(.js)檔案中(外部指令碼不能包含 <script> 標籤),這樣可以更好的實現行為與結構的分離。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 引入外部的js檔案 --> <script src="js/my.js"></script> </body></html>
3、JavaScript的注釋
1 <script> 2 // 單行注釋 3 //document.createElement("myElement"); 4 /* 5 多行注釋 6 document.createElement("myElement"); 7 document.createElement("myElement"); 8 document.createElement("myElement"); 9 */10 </script>
4、JavaScript語句和代碼塊
JavaScript每條語句都要求以英文分號(;)結束;省略分號程式也不會報錯,但是一般都會要求加上分號,優點如下:
1、提高代碼效能,如果沒有分號解析器需要分析判斷哪裡插入分號。
2、提高代碼正確率,比如把多行代碼寫到一行上,沒有分號發生錯誤的可能性很大。
JavaScript多條語句組合在一起,放在一個花括弧({})內就形成了語句塊。
//JavaScript語句var x = 1;var x = 1; var y = 2; // 不建議一行寫多個語句//JavaScript語句塊,語句塊可以嵌套if(2 > 1) { x = 1; y = 2; z = 3; if(x < y) { z = 4; } if(x > y) { z = 5; }}
5、JavaScript大小寫
JavaScript是嚴格區分大小寫,如果弄錯了大小寫,程式將報錯或者運行不正常。 在JavaScript程式中:JavaScript和javascript是完全不同的。
初識JavaScript