標籤:測試的 習慣 load 前端 後退 prot mouseover 文本 splay
一、什麼是java script?
簡稱:js。是前端知識的一部分,語句用於向瀏覽器發送命令,告訴瀏覽器該做什麼。js同一般的程式設計語言類似。但是文法上可能會有區別。基礎知識的學習分為:變數、迴圈、函數、庫函數等幾方面。
二、變數
JavaScript 對大小寫是敏感的。且弱化資料類型
提示:一個好的編程習慣是,在代碼開始處,統一對需要的變數進行聲明。
一條語句,多個變數
var name="G", age=1, job="CTO";
聲明也可橫跨多行: var name="G"; age=1; job="CTO"; var carname; //變數 carname 的值將是 undefined var carname="Volvo"; var carname;//在以下兩條語句執行後,變數 carname 的值依然是 "Volvo" JavaScript 擁有動態類型。這意味著相同的變數可用作不同的類型 var x ;//x為undefined var x = 6;//x為數字 var x = "add";//x為字串JavaScript 只有一種數字類型。數字可以帶小數點,也可以不帶 數組的格式: var cars=new Array(); cars[0]="A"; cars[1]="B"; cars[2]="c"; 或者 var cars=new Array("A","B","C");或者 var cars=【"A","B","C"】 提示 :數組下標是基於零的,所以第一個項目是 [0],第二個是 [1],以此類推。 對象的格式(在 JavaScript 中,對象是擁有屬性和方法的資料):對象由花括弧分隔。在括弧內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔: var person={name:"wangnima", sex:"不明", id:11111111};建立對象: var x = new object(); x.name = "wangnima"; x.sex = "不明"; x.id = "666"; 對象的兩種定址方式:(1)name = person.name;(2)name = person["name"] Undefined 和 NullUndefined 這個值表示變數不含有值可以通過將變數的值設定為 null 來清空變數。 JavaScript 中的所有事物都是對象.
聲明變數類型:明新變數時,可以使用關鍵詞 "new" 來聲明其類型:var x = new String;var x = new Number;var x = new Boolean;var x = new Arrary;var x = new object(); 條件運算子: (1)greeting=(visitor=="PRES")?"Dear President ":"Dear ";//如果變數 visitor 中的值是 "PRES",則向變數 greeting 賦值 "Dear President ",否則賦值 "Dear"。 (2) if 條件 {} else {} 迴圈: (1) for迴圈 var i =2,len=s.length; for(;i<len;<i++){} var i =2;len = s.length; for(;i<len;){i++;} var x = {name:"wangnima",sex:"buming",id="666" } for(i in x) {} (2) while迴圈 while(i < 5){i++} 函數: JavaScript 測試和捕捉(函數裡用): try 語句允許我們定義在執行時進行錯誤測試的代碼塊。catch 語句允許我們定義當 try 代碼塊發生錯誤時,所執行的代碼塊。trycatch 是成對出現的。文法: try{//這裡運行代碼} catch(err){這裡處理錯誤} 改變 HTML 屬性:document.getElementById("image").src="landscape.jpg";改變 HTML 樣式:document.getElementById("p2").style.color="blue";對事件做出反應:document.getElementById("myBtn").onclick=function(){displayDate()};onload 和 onunload 事件:onload 和 onunload 事件會在使用者進入或離開頁面時被觸發。eg: <body onload="checkCookies()">onmouseover 和 onmouseout 事件:onmouseover 和 onmouseout 事件可用於在使用者的滑鼠移至 HTML 元素上方或移出元素時觸發函數。onmousedown、onmouseup 以及 onclick 事件: onmousedown, onmouseup 以及 onclick 構成了滑鼠點擊事件的所有部分。首先當點擊滑鼠按鍵時,會觸發 onmousedown 事件,當釋放滑鼠按鍵時,會觸發 onmouseup 事件,最後,當完成滑鼠點擊時,會觸發 onclick 事件。exec():exec() 方法檢索字串中的指定值。傳回值是被找到的值。如果沒有發現匹配,則返回 null。Window 方法:window.open() - 開啟新視窗window.close() - 關閉當前視窗window.moveTo() - 移動當前視窗window.resizeTo() - 調整當前視窗的尺寸Window Screen:screen.availWidth - 可用的螢幕寬度screen.availHeight - 可用的螢幕高度Window Location:window.location 對象在編寫時可不使用 window 這個首碼location.hostname 返回 web 主機的網域名稱location.pathname 返回當前頁面的路徑和檔案名稱location.port 返回 web 主機的連接埠 (80 或 443)location.protocol 返回所使用的 web 協議(http:// 或 https://)Window History:history.back() - 與在瀏覽器點擊後退按鈕相同history.forward() - 與在瀏覽器中點擊按鈕向前相同window.navigator 對象包含有關訪問者瀏覽器的資訊。警告框:alert("文本")確認框:confirm("文本")提示框:prompt("文本","預設值") 總結:js的文法就那麼多,只要掌握了基本文法,之後的使用大多都是會搜對應庫函數了。當然js也有許多架構(JavaScript 架構等),提供更方便的編程方式。後期學習~~~
Java Script的基礎學習