JavaScript
為什么要學習javascript
JS是屬于web的編程語言,html給出了web頁面的元素,css解決了web頁面元素的布局問題,想要實作web頁面的動態效果就需要使用JS,
使用JS可以有效地減輕服務器的壓力
JS特點
基于事件和物件驅動的安全的腳本語言
向html頁面添加互動行為
腳本語言,語法和Java類似
解釋型語言,邊執行邊解釋
JS基本結構
<script type="text/javascript">
/*以往的瀏覽器對于JS的支持并不友好,
*script標簽可以放在head標簽下也可以放在body標簽中,考慮到加載時間建議放到body標簽的底部
*你可以在標簽內部寫JavaScript陳述句
*看下面的例子舉一反三
*也可以給script標簽添加src屬性匯入外部JS
*/
window.document.write("value");
window.document.write("<p>value<p/>");
<script/>
<script type="text/javascript" src="js/index.jx "><script/>
JavaScript組成
JS原理
瀏覽器向服務器發送請求,服務器決議html和JS并回應瀏覽器發送資料
事件
- onclick 單擊事件
- onmouseover 滑鼠懸停事件
- onload 一個頁面或者一幅影像完成加載
- onkeydown 某個鍵盤中的鍵被按下
- onkeyup 鍵盤中的某個鍵回彈
- onpress 鍵盤中的按下并回彈
- onchange 域的內容被更改
JavaScript語法
變數 資料型別 陣列 運算子號 控制陳述句 注釋 輸入/輸出 語法約定
<script type="text/javascript">
//宣告變數
var name="value";
var num=6;
//typeof(var_name)用于獲取變數型別
//資料型別 string number boolean undefined null object
//alert(引數)瀏覽器彈窗函式
//屬性 length 屬性和方法都是用"."符號和變數分割
//函式 indexOf() subString(index1,index2)左閉右開區間,
// split(str) str的值可以為"" or "," 將字串拆分為陣列以str中的符號間隔
var arrayName = new Array(7);//初始值為undefined型別
//join(str) str的值為"-"或其他符號 將陣列轉換為字串用符號連接
//sort() 對陣列進行排序
//push() 向陣列新增元素并回傳新的長度
<script/>
運算子、邏輯控制(分支、回圈)
與Java語法上相似,不再贅述
break continue return
注釋
<script type="text/javascript">
//單行注釋
/*
*多行注釋
*/
<script/>
常用輸入輸出
alert(str);彈框提示
prompt(str1,str2);提示并獲取用戶輸入,獲取到的資訊都是string型別
語法約定
區分大小寫 識別符號 使用分號
除錯
進入開發者模式在瀏覽器中打斷點一步一步進行除錯
function函式
常用系統函式
parseInt(str) 字串轉換為數值型別 整數和小數
parseFloat(str)
isNaN() 非數值型別判斷
自定義函式
<script type="text/javascript">
function funName(num1,num2){
//在這里寫方法,引數串列中不需要識別符號var
//使用funName(實際引數串列)直接呼叫函式
}
<script/>