JavaScript(轉載自 計科學院 慕課網)

鍵盤碎了發表於2018-04-28

什麼是指令碼語言?

   ①指令碼語言介於HTML和C,C++,Java,C#等程式語言之間

   ②指令碼語言與程式語言有相似地方,其函式與程式語言類似,也有變數。與程式語言之間最大的區別是程式語言的語法和規則更為嚴格和複雜一些.

   ③指令碼語言是一種解釋性語言,例如Python、vbscript,javascript等等,它不象cc++等可以編譯成二進位制程式碼,以可執行檔案的形式存在.

   ④指令碼語言一般都有相應的指令碼引擎來解釋執行,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關係運算子

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

邏輯運算子

① && 與 ② || 或 ③ ! 非

 

計科學院

慕課網

相關文章