1. 程式人生 > 其它 >JavaScript: 介紹 & HTML與javaScript結合方式

JavaScript: 介紹 & HTML與javaScript結合方式

1 JavaScript介紹

  <1>雖然是java作為字首,但java和javascript的關係,就像老婆和老婆餅之間的關係,沒有一毛錢關 系!

  <2>網景公司在Netscape2.0首先推出了JavaScript

  <3>JavaScript 的正式名稱是 “ECMAScript”,此標準由 ECMA 組織發展和維護,簡稱“js”

  <4>JavaScript 是一種網頁程式設計技術,用來向 HTML 頁面新增互動行為

  <5>JavaScript 是一種基於物件和事件驅動的解釋性指令碼語言,直接嵌入 HTML 頁面,由瀏覽器解釋 執行程式碼,不進行預編譯。

js的特點

  可以使用任何文字編輯工具編寫,只需要瀏覽器就可以執行程式 (後面會學習不用瀏覽器也能運 行)

  解釋執行:事先不編譯,逐行執行

  基於物件:內建大量現成物件

  適宜:

    客戶端資料計算

    客戶端表單合法性驗證

    瀏覽器事件的觸發

    網頁特殊顯示效果製作

js的組成

  ECMAScript:定義核心語法,關鍵字,運算子,資料型別等系列標準

  DOM:文件物件模型,將一個html頁面的所有節點看成是一個一個的物件。更有層次感的管理每 一個節點。

  BOM:瀏覽器物件模型,是對瀏覽器視窗進行訪問和操作。使用 BOM,開發者可以移動視窗、改 變狀態列中的文字以及執行其他與頁面內容不直接相關的動作:

      彈出新的瀏覽器視窗

      移動、關閉瀏覽器視窗以及調整視窗大小

      提供 Web 瀏覽器詳細資訊的定位物件

      提供使用者螢幕解析度詳細資訊的螢幕物件

      對 cookie 的支援

      IE 擴充套件了 BOM,加入了 ActiveXObject 類,可以通過 JavaScript 例項化 ActiveX物件,進而 實現ajax區域性刷新技術

2 HTML與javaScript結合方式

使用js的三種方式

行內指令碼

1. 點選按鈕(觸發)

2. 彈框(具體的操作)

<button onclick="alert('彈框測試')">點我一下</button>

內部指令碼

  1. 使用<script></script>

  2.標準是寫在head和body之間(脖子位置),但其實只要寫在html檔案內部就可以,無論什麼位置 , <html>外,

<p></p>內部,都可以。

<body>
    <script>
        alert("彈框");
    </script>
</body>

外部指令碼

  1. 在專案根目錄下建立一個目錄js

  2. 在js目錄中建立一個檔案,字尾名是.js

  3. 在html頁面中,使用

  

<script src="js/xx.js"></script>

以上使用指令碼的三種方式的優先順序,誰在上,誰先執行。因為是解釋性語言。