當前位置:成語大全網 - 書法字典 - Java腳本學習方法

Java腳本學習方法

先學語法基礎,有點類似於vb語言。學習步驟如下:

首先,如何向頁面添加javascript

& lt腳本語言= " javascript " & gt//這壹行是javascript腳本標記,註釋後面是斜杠。

Document.write("頁面上顯示的JavaScript在頁面上顯示壹個句子。

& lt/script & gt;

/*這也是備註*/

第二,javascript的數據類型

1,字符串:字符串是由壹系列字符組成的序列。包括字母、數字和標點符號。當然也可以是漢字。簡單來說就是表達文字信息。

2.Numbers ($ number):數字分為兩類:整數和浮點數。

整數包括正整數、零和負整數。

javascript中的數字可以寫成十進制、八進制和十六進制。該方法如下:

十進制:15(直接寫數字就行)

八進制:017(以零為前導數字)

十六進制:0xf(以0x為前導數字)

浮點數也稱為實數。為了方便起見,它們也可以用科學符號來表示:

1.13e1,1.5e3(相當於1.5乘以10的三次方)。

javascript的數字範圍大約是10的負308次方到10的308次方。

javascript中還有壹個特殊的數值nan(不是數字),javascript用NaN來表示這個無意義的結果。

3.boolean):true:真和假。在計算機中,壹般用1表示真,用0表示假。

三、使用alert()方法:

& lt腳本語言= " javascript " & gt

Alert("在頁面上顯示警告對話框");

& lt/script & gt;

Alert()是壹個由javascript生成的帶有確認按鈕的對話框,它將信息顯示在括號中。

四、使用confirm()方法:

& lt腳本語言= " javascript " & gt

Confirm("在頁面上顯示確認對話框");

& lt/script & gt;

Confirm()類似於alert(),只是有壹個cancel按鈕。按“確定”返回真,按“取消”返回假。

& lt腳本語言= " javascript " & gt

var con

Con=confirm("妳喜歡這個教程嗎?");

if(con = = true)alert(" like ");

Else alert(“不喜歡”);

& lt/script & gt;

動詞 (verb的縮寫)prompt()方法的使用:

& lt腳本語言= " javascript " & gt

var名稱、年齡;

Name=prompt("我可以知道妳的名字嗎?");

警報(名稱);

年齡=提示(“多大?”);

警覺(年齡);

& lt/script & gt;

它不僅可以顯示信息,還可以輸入信息。

第六,javascript變量

用var加上為變量指定的名字聲明壹個變量,變量的類型可以通過給變量賦值來確定。因為javascript是弱類型風格,對數據類型要求不嚴格,在程序執行過程中會根據需要自動轉換。

字符串變量。您可以通過“變量名”獲得變量中字符串的長度。長度”,如

var名稱;

name = " javascript

那麽name.length的值就是10。

如果在壹行中創建多個變量,請記住用逗號分隔變量名稱。這些語句用分號分隔。用分號是個好習慣,學習的時候盡量養成加額外標記的習慣。

類型轉換:javascript允許妳改變程序中變量的類型。兩種最常見的類型轉換器是數字和字符串。

Number(x)是壹個字符值->數值。弦則相反。與javascript的自動類型轉換相比,這種轉換可以稱為強制類型轉換。(強制類型轉換需要在javascript1.2以上才可以使用)

變量的命名:

1.它必須以字母或下劃線開頭,中間可以有字母數字和或下劃線。不能使用空格、+、-等其他符號。

變量名不能有空格、(+)、(-)、(、)或連字符以外的其他符號。

2.JavaScript中不能使用關鍵字作為變量。

(javascript變量名區分大小寫,name和name不壹樣。)

變量還有壹個重要的地方——就是變量的作用域。JavaScript中也有全局變量和局部變量。全局變量定義在所有函數體之外,其作用範圍是整個函數;但是局部變量是在函數體中定義的,只有函數對它們可見,其他函數不可見。

如果局部變量和全局變量同名,則局部變量優先。Js沒有塊級範圍。函數中聲明的所有變量都有相同的作用域。

變量的類型規則

Javascript是非類型化的,它的變量可以放置任何數據類型的值。

變量聲明

在javascript程序中,變量必須在使用前聲明。變量是用關鍵字var聲明的。其實不用先聲明變量。在某些情況下,變量聲明是可選的。

var I;

var sum

也可以使用var關鍵字聲明多個變量;

var i,sum

還可以將變量聲明和變量初始化綁定在壹起:

var message = ' hello

var i = 0,j=0,k = 0;

var聲明的變量是永久的,因為瀏覽器對全局變量是否可以刪除(所有局部變量都可以刪除)的態度不壹樣。出於安全原因,最好假設全局變量不能被刪除。

可以使用var多次聲明同壹個變量。當妳給壹個未聲明的變量賦值時,js會自動創建壹個全局變量。如果妳想在函數中創建壹個局部變量。那麽必須在函數內部用var聲明。

七、javascript表達式和運算符

表達式:定義變量後,可以進行賦值、變化、計算等壹系列操作。這個過程通常是由表達式來完成的,表達式可以說是變量、常數、布爾和運算符的集合,所以表達式可以分為算術表達式、字符串表達式、賦值表達式和布爾表達式。

1.算術運算符:+(加)、-(減)、*(乘)、/(除)、%(模)-(求逆)、++(增1)、–(減1)。

例如:11% 2 = 1;如果x = 2 ++ x+4 = 7x ++ 4 = 6(+x執行後為1,x++執行後為1)。

示例:

& lt腳本& gt

var i=0,j = 0;

alert(i++ " " +++j++ " "+I);

//輸出“0 1 1”。可以看出,i++先輸出I,再進行運算,而++j是對J進行自加運算後輸出J的值。

& lt/script & gt;

2.比較運算符:(大於),=(大於或等於),= =(等於),!=(不等於)

(基本的運算過程是先比較它的操作數,然後返回壹個真或假的值。)

3.邏輯運算符:!(負),&;and後賦值),&;(邏輯與),| =(或後賦值),|(邏輯或),=(異或後賦值),(邏輯異或),?:(三錄符),||(或),&;& amp(和)= =(等於),| =(不等於)。

4.字符串運算符:only+(“我的”+“JavaScript”結果等於“我的JavaScript”)

5.賦值運算符:即=,將右邊的值賦給左邊的變量。

6.條件運算符:(?示例:status =(age & gt;=18)?“大人”:“小孩”;如果大於18,則表達式的值為成人。

7.typeof()運算符:用於返回變量或數據的類型。

八、IF語句。

如果(條件)

語句段1

其他

句子片段2

函數:如果表達式為真,執行句子段1;否則,執行語句段2。

描述:

If -else語句是JavaScript中最基本的控制語句,通過它可以改變語句的執行順序。

表達式中必須使用關系語句來實現判斷,估計為布爾值。

它將零和非零數字分別轉換為假和真。

如果If後面的語句有多行,則必須用花括號括起來。

九、window.com的用法()

1,基礎語法

window.open(頁面URL,名稱,參數)

其中包括:

PageURL是子窗口路徑。

Name是子窗口句柄。

參數是窗口參數(用逗號分隔)。

2.窗口參數

其中是/否也可以用1/0;Value是以像素為單位的特定數值。

工具欄=是,否是否顯示工具欄?

Location=yes,no是否顯示地址欄?

目錄=是,否是否顯示導航欄?

Status=yes,no是否顯示狀態欄?

Menubar =是,現在是否顯示菜單?

Scrollbars =是,現在是否顯示滾動條。

Resizable=yes,no我可以改變公告窗口的大小嗎?

Copyhistory =是,否是否顯示歷史按鈕。

寬度=值公告窗口的寬度。

Height =值公告窗口的值高度。

Left=value公告窗口的左上角距離屏幕左側100像素。

Top=value公告窗口的左上角距離屏幕頂部100像素。

示例:

& lt腳本語言= " javascript " & gt

& lt!–

window.open(" 00000.html "," newwindow ","工具欄=否,位置=否,目錄=否,狀態=否,菜單欄=否,

scrollbars=no,resizable=no,copyhistory=no,width=500,height=500,left=100,top = 100 ")//–& gt;

& lt/script & gt;

X.for循環。另壹個是數據類型。兩者都適用於

將字符串轉換為數值:

javascript語言提供了兩個內置函數來將表示數值的字符串轉換為實數值:parseInt()和parseFloat()。

為了使用這些函數,您需要將轉換後的字符串作為參數傳遞給函數,例如:

parse int(" 42 ")//result = 42

parse int(" 42.33 ")//result = 42

但不管是浮點數還是整數,函數返回的值都是整數。沒有四舍五入,小數點及其後的數字都將被丟棄。

而parseFloat()返回浮點數(如果是整數,則為整數),例如:

parse float(" 42 ")//result = 42

parse float(" 42.33 ")//result = 42.33

如果妳需要在某處轉換壹個字符串,只需將函數插入到初始。比如:

3+3+parse int(" 3 ")//result = 9

將數值轉換為字符串:

雖然當表達式包含混合數據類型時,js傾向於字符串。但是為了防止潛在的問題,最好先轉換以下。通過向數值中添加空字符串,可以將數值轉換為字符串:

(" "+2500) //result="2500 "

(""+2500).長度//結果=4

For循環:

javascript中最常用的循環結構叫做for loop,關鍵字放在循環結構的開頭。正式的語法結構如下:

for([初始表達式];[條件];[更新表達式]){

循環內的語句

}

示例:

for(var I = 0;我& lt9;i++)

{

n+=i

myfunc(n)

}

對於…在循環中:

這個語句完全依賴於變量var設置的值來確定運行次數。可以使用for…in語句在對象或數組上創建循環。

for(變量在[obj | array]中)

{

聲明

}

示例:

& lt腳本語言= " javascript " & gt

document.write("文檔對象的屬性")

for(文檔中的var元素){

document.write(元素+" = "+文檔[元素])

}

& lt/script & gt;

XI。鼠標事件

主要內容是基於鼠標的事件,如下所示:

1.mouseover(鼠標移動到)

2 .鼠標退出(鼠標退出)

3 .鼠標移動(鼠標移動)

4 .鼠標按下(鼠標按下)

5 .鼠標擡起(鼠標擡起)

6 .點擊(點擊)

7.dblclick(雙擊)

示例:

& lthtml & gt

& lthead & gt

& lttitle & gt測試& lt/title & gt;

& lt腳本語言= " javascript " & gt

函數text_onmouseover(){

my text . style . font size = " 30pt ";

my text . style . color = " red ";

my text . style . font style = " italic ";

}

函數text_onmouseout(){

my text . style . font size = " 20pt ";

my text . style . color = " blue ";

my text . style . font style = " normal ";

}

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

& ltp id = my text onmouseover = " text _ onmouseover()" onmouseout = " text _ onmouseout()" & gt;& lt/p & gt;

& ltp & gt查看字體樣式發生了哪些變化

& lt/body & gt;

& lt/html & gt;

8.mouseDown事件和mouseUp事件

眾所周知,mouseDown事件和mouseUp事件的組合就是click事件,但是如果妳在鏈接上按下鼠標,然後移動到鏈接外釋放鼠標,那麽就只有mouseDown事件了。這兩個事件可以增加圖標按鈕的圖像效果,

至於mouseDown和mouseUp的屬性,它們都伴隨著Click事件,這和keyPress事件是keyDown事件和keyUp事件結合的機制是壹樣的。這三個鼠標事件也有修飾符屬性。

(註意:如果在onClick事件處理中使用return語句,它可以接收任何數值。只要這個值不為假,瀏覽器就可以完成提交。但是,如果瀏覽器得到壹個假值,表單提交操作將被取消。)

9.Click事件和dbClick事件

OnClick是單擊事件,onDblClick是雙擊事件,但實際上很難區分連續單擊和雙擊。他們會互相幹擾。而且ie和其他瀏覽器也有區別。在某些瀏覽器中,雙擊事件的每壹次點擊都會觸發click事件,而在ie中,只有雙擊事件的第壹次點擊才會觸發click事件。在任何情況下,點擊事件都不會被自動取消或忽略。因此,如果妳想用點擊和雙擊壹個鏈接來觸發兩個完全不同的過程,妳必須延遲點擊直到雙擊。

& lt腳本& gt

var timer = null

document . onclick = new Function(" timer = setTimeout(click,500)")

document . ondblclick = new Function(" clear time out(timer));dblclick()")

函數單擊(){

警報(“點擊”)

}

函數dblclick(){

alert("dblclick ")

}

& lt/script & gt;

十二、javascript函數。

函數由壹個函數加上壹個函數名、壹對帶參數的括號和大括號組成,其中主javascript語句在大括號中。

示例:

函數hanshuname (js)//hanshuname是函數名。

{

document.write(js," & ltbr >;);//是函數的主語句。

}

函數可以嵌套如下:

函數陶謙(a,b){

函數lqiantao(x){ return x * x;}

return math . sqrt(l qiantao(a)+l qiantao(b));

}

函數也可以作為數據使用,所以可以像其他數據壹樣對待,比如賦值、存儲、轉移等。

示例:

函數zhi(x){ return x * x;}

其實函數名是沒有意義的,不過是為了保存函數的變量名而已。

a = zhi(6);//a存儲數字36;

b = zhi//現在b和zhi指的是同壹個函數。

c = b(5);//c存儲數字25。

在函數體中,標識符參數總是有特殊的含義。它是調用對象的壹個特殊屬性,用來引用實際的參數對象。這個實際的參數對象有很多有用的屬性。除此之外,它還具有數組的作用。

雖然在定義javascript函數時有固定的參數,但是在調用這個函數時,傳遞給它的參數數量可以是任意的,數組arguments[]允許完全訪問那些實際的參數值。此外,參數有壹個長度屬性,如下例所示:

函數zhi(x,y,z)

{

if(arguments.length!=3){

alert("函數zhi調用了"+arguments.length+"個參數,但它需要3個參數。");

返回null

}

}

數組arguments[]還為javascript函數提供了壹種重要的可能性,可以編寫這樣的函數來接受任意數量的實際參數。

函數zhi()

{

var m =數字。負_無窮大;

//遍歷所有參數

//檢索並記住最大的壹個。

for(var I = 0;我& lt參數. length;i++)

if(arguments & gt;m)m =自變量;

//返回最大參數值。

返回m;

}

var lazgest=zhi(1,10,100,2,3,1000,4,5,10000,6);

您也可以使用arguments[]數組來編寫函數。

調用js函數

& lta href = " # " onClick = " function name()" & gt;鏈接文本& lt/a & gt;

& lta href = " JavaScript:function name()" & gt;鏈接文本& lt/a & gt;