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(名稱)          刪除

 

&nbsp ：空格

<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關係運算符

① == 等於 ② > 大於 ③ < 小於 ④ >= 大於等於 ⑤ <= 小於等於 ⑥ != 不等於

邏輯運算符

① && 與 ② || 或 ③ ! 非

 

計科學院

慕課網