首頁 > web前端 > js教程 > javascript基礎語法學習筆記_javascript技巧

javascript基礎語法學習筆記_javascript技巧

WBOY
發布: 2016-05-16 15:22:15
原創
995 人瀏覽過

一、定義
  javascript是一門用來增強頁面動態效果,實現頁面與使用者之間的即時、動態互動的腳本語言(解釋型程式語言)。 javascript由三個部分組成:ECMA、DOM和BOM

  [1]ECMAScript由ECMA-262定義,提供核心語言功能(ECMA是歐洲電腦製造商協會)

  [2]DOM文件物件模型,提供存取和操作網頁內容的方法的介面

  [3]BOM瀏覽器物件模型,提供與瀏覽器互動的方法的介面 

二、引入
  引入javascript有兩種辦法:在頁面內嵌入js程式碼和引入外部檔案

  [1]頁內嵌入

<script>
  alert("My First JavaScript");
</script>
登入後複製

  [2]引入外部js檔案

[注意]帶有src屬性的<script>元素不應該在其<script>標籤之間再包含額外的js程式碼,如果包含了嵌入的程式碼,則只會下載並執行外部腳本,而忽略嵌入的程式碼</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> &lt;script src=&quot;myScript.js&quot;&gt;&lt;/script&gt; </pre><div class="contentsignin">登入後複製</div></div> </div> <p><span style="color: #800000"><strong><script></strong></span><br /> </p> <p>無論哪種引進方法,都需要利用<script>標籤。 <script>標籤共用6個屬性,其中language屬性已經廢棄</p> <p>  [1]src:表示包含要執行程式碼的外部文件,該文件可以跨域</p> <p>  [2]charset:可選,表示透過src屬性指定的程式碼的字元集,大多數瀏覽器會忽略</p> <p>  [3]defer:可選,表示腳本可以延遲到文件完全被解析和顯示之後再執行,只對外部腳本有效</p> <p>  [4]async:可選,表示應該立即下載腳本,但不妨礙頁面的其他操作。只對外部腳本有效</p> <p>  [5]type:可選,是language的替代屬性,表示編寫程式碼所使用的腳本語言的內容類型,也稱為MIME類型。考慮到相容,一般還是text/javascript,若不指定,預設值也是text/javascript</p> <p>  [6]language:已廢棄 </p> <p><span style="color: #800000"><strong>async和defer</strong></span></p> <p>[1]如果async和defer都不設置,瀏覽器會立即載入並執行指定的腳本</p> <p><script src="test.js"></script>
[2]如果只設定async,瀏覽器會非同步下載腳本,不阻塞頁面的其他動作

[注意]非同步腳本一定會在頁面的load事件前執行


[3]如果只設定defer,腳本會被延遲到文件完全被解析和顯示後再執行

 

註解
  註解可以提高程式碼可讀性,幫助自己和別人閱讀和理解Javascript程式碼,註解的內容不會在網頁中顯示,分為單行註解和多行註解兩種

//单行注释
/*
多行注释
 */
登入後複製

忽略空格
  JavaScript會忽略多餘的空格,可以為腳本添加空格,來提高其可讀性

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";
登入後複製

程式碼折行
  可以在文字字串中使用反斜線對程式碼行進行換行

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!"); 
登入後複製

大小寫敏感
  JavaScript的變數、函數名稱和運算元都區分大小寫。函數getElementById與getElementbyID不同,同樣,變數myVariable與MyVariable也是不同的

保留字和關鍵字
  ECMA-262描述了一組具有特定用途的關鍵字,這些關鍵字用於表示控制語句的開始或結束,或用於執行特定操作等;ECMA-262也描述了另外一組不能用作標識符的保留字,它們將來有可能成為關鍵字。

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板