首先,如何向頁面添加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;