一、JavaScript簡介
JavaScript是基於對象和事件驅動的腳本語言,主要應用在客戶端。
特色:
交互性:信息的動態交互
安全性:不能夠直接訪問本地硬盤
跨平臺性:只要是能夠解析JS的瀏覽器均可以執行,與平臺無關
基於對象:
提供了不少對象,而已直接使用。
事件驅動:
HTML作出的網站都是「靜態效果」,而JavaScript能夠實現「動態」效果。
客戶端:
指瀏覽器。
JS與Java的區別:
JS是網景公司開發的一種腳本語言,能夠在全部的主流瀏覽器中運行。
JS是基於對象的,而Java是面向對象的。
JS只須要解析就能夠執行,而Java須要先編譯成字節碼文件,再執行。
JS是一種弱類型語言,而Java是一種強類型語言。
JavaScript語言組成:
核心:ECMAScript
ECMA(歐洲計算機協會),JS語法由該組織制定。
文檔對象模型:DOM
Document ObjectModel
瀏覽器對象模型:BOM
Browser ObjectModel
二、JavaScript與HTML結合方式(兩種)
第一種:
<scripttype="text/javascript" > JS代碼 </script>
第二種:使用script標籤引入外部js文件。
<script type="text/javascript"src="js文件路徑" ></script>
可是,當引入外部js文件時,script標籤內不能再寫其餘的js代碼。
三、JavaScript原始類型和聲明變量
基本語法:
變量、函數、運算符區分大小寫。
變量是弱類型的:(原始類型)javascript
var a = 10;
var b = true;
var c ="hello world";
五種原始類型:
string、number、boolean、null、undifined
null表示對象引用爲空。
undifined表示定義了變量可是沒有賦值。
每行結尾的分號無關緊要,建議編寫。
兩種類型的註釋:
單行註釋:// 註釋內容
多行註釋:/* 註釋內容 */
typeof運算符:
經過typeof()運算符,能夠查看變量的類型,typeof(變量名),全部引用的類型都是object。
經過instanceof運算符能夠解決typeof對象類型判斷的問題。
區分undefined和null:
變量定義了未初始化或者訪問對象不存在的屬性,會出現undefined。
訪問的對象不存在時,會出現null。
全局變量和局部變量:
全局變量:在script標籤裏面定義一個變量,這個變量在頁面中js部分均可以使用
局部變量:在方法內部定義一個變量,只能在方法內部使用。
四、JavaScript的語句
if、switch、for、while、do-while
switch語句:
JDK1.7版本以後支持了String類型,而JS中支持全部的數據類型。
五、JavaScript的運算符
JavaScript中不區分整數和小數,因此除法中沒有整數,會出現小數。
alert(123 / 1000 * 1000);,輸出結果爲123。
字符串與數字相加,是字符串鏈接,若是是相減,則字符串直接轉換成數字再進行相減。
boolean類型能夠進行運算,false是0或者null,非0或非null是true,默認用1顯示。
NaN:
not a number:非數字。
屬於number類型。
用來表示數值的一種狀態,一種不正常的狀態。
通常狀況下會在計算出現錯誤的時候出現。
判斷當前的數據類型是不是NaN的關鍵字:isNaN()
若是結果是非數字:true
若是結果是數字:false
==和===的區別:
==判斷的是值,和類型無關。
===既判斷值,又判斷類型。
六、99乘法表示例
<script type="text/javascript">前端
for(vari = 1; i < 10; i++)java
{web
for(varj = 1; j < i + 1; j++)數組
{瀏覽器
document.write(j+ " * " + i + " = " + (i * j) +" ");安全
}函數
document.write("<br/>");學習
}網站
</script>
七、JavaScript數組 三種定義方式: var arr = [1, "2", true]; var arr = new Array(5); var arr = new Array(1,2,3); 數組有length屬性。 數組的長度是可變的。 數組能夠存放不一樣類型的數據。 八、函數 普通函數: function method(){ } function method2(a, b) { return a + b;} 參數列表中不須要寫var,直接寫變量名。 匿名函數: var add = function method(a, b) { returna + b; } 經過add(1,2);進行調用。 內置對象:(動態函數) 使用到js中的一個內置對象:Function var add = new Function("參數列表","方法體和返回值"); var args = ""; var body = ""; var add = new Function(args, body); 九、script標籤放置的位置 理論上能夠放在任意位置。 不過因爲HTML解析是由上到下的,因此一般狀況下放在</body>標籤以後。 十、JS的方法重載 更多web前端學習信息,加羣434623999