JavaScritps 是什麼?
JavaScript一種直譯式腳本語言,是一種動态類型、弱類型、基于原型的語言,内置支援類型。它的解釋器被稱為JavaScript引擎,為浏覽器的一部分,廣泛用于用戶端的腳本語言,最早是在HTML(标準通用标記語言下的一個應用)網頁上使用,用來給HTML網頁增加動态功能。
在Web世界裡,隻有JavaScript能跨平台、跨浏覽器驅動網頁,與使用者互動。
編寫JS的流程
布局:HTML+CSS
屬性:确定要修改哪些屬性
事件:确定使用者做哪些操作(産品設計)
編寫JS:在事件中,用JS來修改頁面元素的樣式
JavaScript代碼可以直接嵌在網頁的任何地方,不過通常我們都把JavaScript代碼放到<code><head></code>中:
由<code><script>...</script></code>包含的代碼就是JavaScript代碼,它将直接被浏覽器執行。
第二種方法是把JavaScript代碼放到一個單獨的.js檔案,然後在HTML中通過引入這個檔案:
這樣,/static/js/abc.js就會被浏覽器執行。
把JavaScript代碼放入一個單獨的.js檔案中更利于維護代碼,并且多個頁面可以各自引用同一份.js檔案。
可以在同一個頁面中引入多個.js檔案,還可以在頁面中多次編寫<code><script> js代碼... </script></code>,浏覽器按照順序依次執行。
我使用的是webstorm,這款工具非常好用,但是是收費軟體,可以使用它的開源license。
<a href="https://www.jetbrains.com/webstorm/" target="_blank">https://www.jetbrains.com/webstorm/</a>
JavaScript的文法和Java語言類似,每個語句以<code>;</code>結束,語句塊用<code>{...}</code>。但是,JavaScript并不強制要求在每個語句的結尾加<code>;</code>,浏覽器中負責執行JavaScript代碼的引擎會自動在每個語句的結尾補上<code>;</code>。
注意:讓JavaScript引擎自動加分号在某些情況下會改變程式的語義,導緻運作結果與期望不一緻。為了養成良好習慣,我們不要省略<code>;</code>,所有語句都添加<code>;</code>。
注意花括号<code>{...}</code>内的語句具有縮進,通常是4個空格。縮進不是JavaScript文法要求必須的,但縮進有助于我們了解代碼的層次,是以編寫代碼時要遵守縮進規則。很多文本編輯器具有“自動縮進”的功能,可以幫助整理代碼。
以<code>//</code>開頭直到行末的字元被視為行注釋,注釋是給開發人員看到,JavaScript引擎會自動忽略:
請注意,JavaScript嚴格區分大小寫,如果弄錯了大小寫,程式将報錯或者運作不正常。
本文轉自 ygqygq2 51CTO部落格,原文連結:http://blog.51cto.com/ygqygq2/1917258,如需轉載請自行聯系原作者