什麼是腳本語言? ①腳本語言介於HTML和C,C++,Java,C#等編程語言之間 ②腳本語言與編程語言有相似地方,其函數與編程語言類似,也有變數。與編程語言之間最大的區別是編程語言的語法和規則更為嚴格和複雜一些. ③腳本語言是一種解釋性語言,例如Python、vbscript,javascript ...
什麼是腳本語言?
①腳本語言介於HTML和C,C++,Java,C#等編程語言之間
②腳本語言與編程語言有相似地方,其函數與編程語言類似,也有變數。與編程語言之間最大的區別是編程語言的語法和規則更為嚴格和複雜一些.
③腳本語言是一種解釋性語言,例如Python、vbscript,javascript等等,它不象c\c++等可以編譯成二進位代碼,以可執行文件的形式存在.
④腳本語言一般都有相應的腳本引擎來解釋執行,javascript的腳本引擎就是瀏覽器
javascript主要針對客戶端編程(瀏覽器),伺服器端編程。
事件源 》》(事件對象)》》事件處理程式
滑鼠事件;
鍵盤事件;
HTML事件;
其它事件;
var a=10 :定義變數,變數名為a,a的數值為10
window.alert(a) :彈框顯示,顯示()內的內容
document.write :網頁顯示(必須加首碼)
break :跳出迴圈
continue :結束本輪迴圈
parse :強制轉換
parseint :強制轉換為整數。
parsefloat :強制轉換為浮點型
meta charset='utf-8' :中文
script :顯示
if() :判斷(如果)
else :否則(配合if使用)
return :返回值
for(i=1;i<50;i++) :迴圈1
while(i<50) :迴圈2
do{ }while(i<50) :迴圈3
prompt :輸入
getElementById :設置一個ID連接的返回值
onclick :HTML標簽連接函數
disabled :文本框不能點擊輸入
this :面向對象(我)
charCodeAt :
floor :小數轉換整數,如 1.9=1;-1.9=-2;
setTimeout :計時器 執行時間
setTimeout("c()",5)每五毫秒執行一次
clearTimeout :計時停止
function :定義函數
函數的用法:<script type="text/javascript" src="js(文件路徑)"></script>
函數的調用:js()(js是函數名); a=js()(a是變數名,js是函數名);
charCodeAt:返回字元的 Unicode 編碼
eval :運行字元串
event.clientY:顯示滑鼠坐標
event.clientX:
offsetTop:顯示上個元素的上頂邊與這個元素的上頂邊的距
offsetLeft:
offsetHeight:返回元素的高度
offsetWidth :返回元素的寬度 以像素為單位。這是非標準的但卻得到很好支持的屬性。
Date() 返回當前日期和時間
getDate() 從Date對象返回一個月中的某一天
getDay() 從Date對象返回一周中的某一天
getMonth() 從Date對象返回月份
getYear() 從Date對象返回年
getHours() 從Date對象返回小時數
getMinutes() 從Date對象返回分鐘
getSeconds() 從Date對象返回秒數
Math.abs(x) 返回數的絕對值
Math.ceil(x) 對一個數進行上舍入
Math.floor(x) 對一個數進行下舍入
Math.max(x,y) 求x,y中較大的數
Math.min(x,y) 求x,y中較小的數
Math.round(x) 對 x進行四捨五入
Math.random() 一個大於0小於1的16位小數位的數字
indexOf() 返回某個字元串值在該字元串中首次出現的位置
split() 把字元串分割為字元串數組
substr() 提取取從start下標開始的指定數目的字元
substring() 提取字元串中介於兩個指定下標之間的子串
charAt() 返回指定位置的字元
length 屬性,可以得到字元串的長度
onabort 圖像的載入被中斷。
onblur 元素失去焦點。
onchange 域的內容被改變。
onclick 當用戶點擊某個對象時調用的事件句柄。
ondblclick 當用戶雙擊某個對象時調用的事件句柄。
onerror 在載入文檔或圖像時發生錯誤。
onfocus 元素獲得焦點。
onkeydown 某個鍵盤按鍵被按下。
onkeypress 某個鍵盤按鍵被按下並鬆開。
onkeyup 某個鍵盤按鍵被鬆開。
onload 一張頁面或一幅圖像完成載入。
onmousedown 滑鼠按鈕被按下。
onmousemove(*) 滑鼠被移動。
onmouseout(*) 滑鼠從某元素移開。
onmouseover(*) 滑鼠移到某元素之上。
onmouseup 滑鼠按鍵被鬆開。
onreset 重置按鈕被點擊。
onresize 視窗或框架被重新調整大小。
onselect 文本被選中。
onsubmit 確認按鈕被點擊。
onunload 用戶退出頁面。
DOM 元素:(document.)
createElemnet(標簽名) 創建一個節點
appendChild(節點) 追加一個節點
insertBefore(節點,原有節點) 在已有元素前插入節點
removeChild(節點) 刪除一個節點
childNodes nodeType 獲取子節點
childrenparentNode 獲取父節點
getAttribute(名稱) 獲取
setAttribute(名稱,值) 設置
removeAttribute(名稱) 刪除
  :空格
<br /> :換行
.appendChild 添加
JS中本身提供一些可以直接使用的類就是內部類:
主要有:
JS array
JS Boolean
JS Date
JS Math
JS Number
JS String
內部類分為 :
靜態類
靜態類的使用方法
在引用其屬性和方法的時候:靜態類.方法(或屬性)
動態類使用方法
動態類的
var 對象實例名=new 類()
對象實例名.方法(或熟悉)
string類:動態類的一種。
一位數組:
1.數組可存放任意類型數據.
2.數組大小不必事先制定.
3.數組名可以理解為指向數組首地址的引用.
4.數組元素預設從0開始編號的.
new array :創建數組
js數組可以動態增長的
.split :把字元串拆分成字元數組
拆分字元串 字元串 .split(拆分標準)可以得到一個數組
length :返回數組中的數的個數
數組名.length ---用法
for(var key in arr){widow.alert(key+"="-arr[key]);}
創建一位數組
var a=new Array(3)
a[0]=1;
a[1]=2;
a[2]=3;
或者:var a=new Array("1","2","3")
創建二維數組
var a=new Array();
for(var i=0;i<10;i++){
a[i]=new Array();
for(var j=0;j<20;j++){a[i][j]=1;}
}
scrollWidth 是對象的實際內容的寬,不包邊線寬度,會隨對象中內容的多少改變(內容多了可能會改變對象的實際寬度)
clientWidth 是對象可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。
offsetWidth 是對象的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。
scrollHeight: 獲取對象的滾動高度。
offsetHeight: 獲取對象相對於版面或由父坐標
scrollLeft: 設置或獲取位於對象左邊界和視窗中目前可見內容的最左端之間的距離
offsetLeft: 獲取對象相對於版面或由
scrollTop: 設置或獲取位於對象最頂端和視窗中可見內容的最頂端之間的距離
offsetTop 屬性指定的父坐標的計算頂端位置
offsetParent 屬性指定的父坐標的高度
offsetParent 屬性指定的父坐標的計算左側位置
event.clientX 相對文檔的水平座標
event.clientY 相對文檔的垂直座標
event.offsetX 相對容器的水平坐標
event.offsetY 相對容器的垂直坐標
js運算符
① + 加 ② - 減 ③ * 乘 ④ / 除 ⑤ % 取模(取餘) ⑥ ++ 自加 ⑦ -- 自減 ⑧ += 左加 ⑨ -= 左減 ⑩ /= 左除 ⑾ %= 左取模
js關係運算符
① == 等於 ② > 大於 ③ < 小於 ④ >= 大於等於 ⑤ <= 小於等於 ⑥ != 不等於
邏輯運算符
① && 與 ② || 或 ③ ! 非
計科學院
慕課網