JavaScript（轉載自 計科學院 慕課網）

標籤：second   isa   編程   插入   append   doc   選中   disable   string   

什麼是指令碼語言？

   ①指令碼語言介於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關係運算子

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

邏輯運算子

① && 與 ② || 或 ③ ! 非

 

計科學院

慕課網

JavaScript（轉載自 計科學院 慕課網）