前端開發基礎入門篇-——JavaScript

1. JavaScript 簡介

HTML：它是整個網站的骨架。

CSS：它是對整個網站骨架的內容進行美化(修飾)

Javascript：它能夠讓整個頁面具有動態效果。

JavaScript 是腳本語言， 也是一種輕量級的編程語言，可插入 HTML 頁面的編程代碼，可由所有的現代瀏覽器執行。

2. Javascript 的組成部分

ECMAScript：它是整個 Javascript 的核心，包含(基本語法、變量、關鍵字、保留字、數據類型、語句、函數等)。

DOM：文檔對象模型，包含(整個 html 頁面的內容)

BOM：瀏覽器對象模型,包含(整個瀏覽器相關內容)。

3. javascript?語法

javascript?的變量

1）變量盡可能使用描述性更好的名稱（比如 age, sum, total，volume）。

2）變量必須以字母開頭。

3）變量也能以 $ 和 _ 符號開頭。

4）變量名稱對大小寫敏感（y 和 Y 是不同的變量）。

javascript?數據類型

Javascript 數據類型分為原始數據類型和引用數據類型。

1）原始數據類型：字符串（String）、數字(Number)、布爾(Boolean)、對空（Null）、未定義（Undefined）、Symbol。

2）引用數據類型：對象(Object)、數組(Array)、函數(Function)

javascript?運算符

注意：1）== 它在做比較的時候會進行自動轉換。=== 它在做比較的時候不會進行自動轉換。

2）加法與連接：加法是兩個數字相加。連接是兩個字符串連接。

JavaScript 語句標識

JavaScript 函數語法

function?functionname() { ????//?執行代碼 }

當調用該函數時，會執行函數內的代碼。可以在某事件發生時直接調用函數（比如當用戶點擊按鈕時），并且可由 JavaScript 在任何位置進行調用。在調用函數時，可以向其傳遞值，這些值被稱為參數。可以發送任意多的參數，由逗號 (,) 分隔。有時，我們會希望函數將值返回調用它的地方。通過使用 return 語句就可以實現。在使用 return 語句時，函數會停止執行，并返回指定的值。

javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中非常重要的關鍵字，該操作符指定要計算一個表達式但是不返回值。

4. javascript?的引入方式

內部引入方式

直接將 javascript 代碼寫到

外部引入方式

需要創建一個.js?文件，在里面書寫javascript?代碼，然后在html?文件中通過script，標簽的 src 屬性引入該外部的 js 文件。

5. JavaScript 事件

當在 HTML 頁面中使用 JavaScript 時， JavaScript 可以觸發這些事件。

常見的HTML事件

. BOM?對象

Window?對象

常用的Window對象方法：

setInterval():它有一個返回值，主要是提供給 clearInterval 使用。

setTimeout():它有一個返回值，主要是提供給 clearTimeout 使用。

clearInterval():該方法只能清除由 setInterval 設置的定時操作

clearTimeout():該方法只能清除由 setTimeout 設置的定時操作

Location?對象

常用的Location對象屬性：

History 對象

History 對象包含用戶（在瀏覽器窗口中）訪問過的 URL。常用的History 對象方法：

javascript

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。