-
當(dāng)用戶退出頁面時（頁面關(guān)閉、頁面刷新等），觸發(fā)onUnload事件，同時執(zhí)行被調(diào)用的程序。
注意：不同瀏覽器對onunload事件支持不同。
如下代碼,當(dāng)退出頁面時，彈出對話框“您確定離開該網(wǎng)頁嗎？”。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸載事件 </title>
<script type="text/javascript">? ?
? ? ?window.onunload = onunload_message;? ?
? ? ?function onunload_message(){? ?
? ? ? ? alert("您確定離開該網(wǎng)頁嗎？");? ?
? ? }? ?
</script>? ?
</head>
<body>
? 歡迎學(xué)習(xí)JavaScript。
</body>
</html>
查看全部 -
++在變量后面 先引用在自增1? 在變量前面 先自增1在引用
查看全部 -
join()不改變數(shù)組原本內(nèi)容。返回值的是字符串而不再是數(shù)組。
*可以看源碼：
有的方法最后有返回值，就是return xxx;的，這類方法不會改變原數(shù)組，而是在方法內(nèi)部創(chuàng)建新的數(shù)組進(jìn)行處理后返回；
無返回類型的方法往往是直接對數(shù)組進(jìn)行操作，兩者各有各的用處，視具體使用場景而定。
查看全部 -
arrayObject.concat(array1,array2,...,arrayN)
用于連接兩個或多個數(shù)組（可理解為數(shù)組外連接）。此方法返回一個新數(shù)組，不改變原來的數(shù)組。查看全部 -
arrayObject.join(分隔符)
返回一個字符串，該字符串把數(shù)組內(nèi)的各個元素串起來，用<分隔符>置于元素與元素之間。查看全部 -
事件會在頁面加載完成后，立即發(fā)生，同時執(zhí)行被調(diào)用的程序。
注意：1.?加載頁面時，觸發(fā)onload事件，事件寫在<body>標(biāo)簽內(nèi)。? ? ? 2. 此節(jié)的加載頁面，可理解為打開一個新頁面時。
如下代碼,當(dāng)加載一個新頁面時，彈出對話框“加載中，請稍等…”。<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 加載事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("加載中，請稍等…"); }
</script>? ??
</head>
<body onload="message()">
? 歡迎學(xué)習(xí)JavaScript。
</body>
</html>
查看全部 -
通過改變文本框的內(nèi)容來觸發(fā)onchange事件，同時執(zhí)行被調(diào)用的程序。
如下代碼,當(dāng)用戶將文本框內(nèi)的文字改變后，彈出對話框“您改變了文本內(nèi)容！”。
<title> 文本框內(nèi)容改變事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您改變了文本內(nèi)容！"); }
</script>? ??
? <form>
? 個人簡介：<br>
? ?<textarea name="summary1" cols="60" rows="5" onchange="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
查看全部 -
通過改變文本框的內(nèi)容來觸發(fā)onchange事件，同時執(zhí)行被調(diào)用的程序。
如下代碼,當(dāng)用戶將文本框內(nèi)的文字改變后，彈出對話框“您改變了文本內(nèi)容！”。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框內(nèi)容改變事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您改變了文本內(nèi)容！"); }
</script>? ??
</head>
<body>
? <form>
? 個人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onchange="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
查看全部 -
選中事件，當(dāng)文本框或者文本域中的文字被選中時，觸發(fā)onselect事件，同時調(diào)用的程序就會被執(zhí)行。
如下代碼,當(dāng)選中用戶文本框內(nèi)的文字時，觸發(fā)onselect 事件，并調(diào)用函數(shù)message()。
<script type="text/javascript">
? function message(){
? ? alert("您觸發(fā)了選中事件！"); }
</script>? ??
? <form>
? 個人簡介：<br>
?<textarea name="summary1" cols="60" rows="5" onselect="message()">請寫入個人簡介，不少于200字！</textarea>
?
查看全部 -
選中事件，當(dāng)文本框或者文本域中的文字被選中時，觸發(fā)onselect事件，同時調(diào)用的程序就會被執(zhí)行。
如下代碼,當(dāng)選中用戶文本框內(nèi)的文字時，觸發(fā)onselect 事件，并調(diào)用函數(shù)message()。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 內(nèi)容選中事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您觸發(fā)了選中事件！"); }
</script>? ??
</head>
<body>
? <form>
? 個人簡介：<br>
?<textarea name="summary1" cols="60" rows="5" onselect="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
查看全部 -
選中事件，當(dāng)文本框或者文本域中的文字被選中時，觸發(fā)onselect事件，同時調(diào)用的程序就會被執(zhí)行。
如下代碼,當(dāng)選中用戶文本框內(nèi)的文字時，觸發(fā)onselect 事件，并調(diào)用函數(shù)message()。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 內(nèi)容選中事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您觸發(fā)了選中事件！"); }
</script>? ??
</head>
<body>
? <form>
? 個人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onselect="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
查看全部 -
選中事件，當(dāng)文本框或者文本域中的文字被選中時，觸發(fā)onselect事件，同時調(diào)用的程序就會被執(zhí)行。
如下代碼,當(dāng)選中用戶文本框內(nèi)的文字時，觸發(fā)onselect 事件，并調(diào)用函數(shù)message()。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 內(nèi)容選中事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您觸發(fā)了選中事件！"); }
</script>? ??
</head>
<body>
? <form>
? 個人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onselect="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
查看全部 -
onblur事件與onfocus是相對事件，當(dāng)光標(biāo)離開當(dāng)前獲得聚焦對象的時候，觸發(fā)onblur事件，同時執(zhí)行被調(diào)用的程序。
如下代碼, 網(wǎng)頁中有用戶和密碼兩個文本框。當(dāng)前光標(biāo)在用戶文本框內(nèi)時（即焦點(diǎn)在文本框），在光標(biāo)離開該文本框后（即失焦時），觸發(fā)onblur事件，并調(diào)用函數(shù)message()。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("請確定已輸入密碼后，在移開!"); }
</script>? ??
</head>
<body>
? <form>
? ?用戶:<input name="username" type="text" value="請輸入用戶名！" onblur="message()">
? ?密碼:<input name="password" type="text" value="請輸入密碼！" >
? </form>
</body>
</html>
查看全部 -
當(dāng)網(wǎng)頁中的對象獲得聚點(diǎn)時，執(zhí)行onfocus調(diào)用的程序就會被執(zhí)行。
如下代碼, 當(dāng)將光標(biāo)移到文本框內(nèi)時，即焦點(diǎn)在文本框內(nèi)，觸發(fā)onfocus 事件，并調(diào)用函數(shù)message()。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 光標(biāo)聚焦事件 </title>
? <script type="text/javascript">
? ? function message(){
? alert("請選擇，您現(xiàn)在的職業(yè)！");
}
? </script>
</head>
<body>
請選擇您的職業(yè)：<br>
? <form>
? ? <select name="career" onfocus="message()">?
? ? ? <option>學(xué)生</option>?
? ? ? <option>教師</option>?
? ? ? <option>工程師</option>?
? ? ? <option>演員</option>?
? ? ? <option>會計</option>?
? ? </select>?
? </form>
</body>
</html>
查看全部 -
鼠標(biāo)移開事件，當(dāng)鼠標(biāo)移開當(dāng)前對象時，執(zhí)行onmouseout調(diào)用的程序。
當(dāng)把鼠標(biāo)移動到"登錄"按鈕上，然后再移開時，觸發(fā)onmouseout事件，調(diào)用函數(shù)message()，代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠標(biāo)移開事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("不要移開，點(diǎn)擊后進(jìn)行慕課網(wǎng)!"); }
</script>
</head>
<body>
<form>
? <a href="http://idcbgp.cn" onmouseout="message()">點(diǎn)擊我</a>
</form>
</body>
</html>
查看全部 -
?confirm("請輸入密碼后，再單擊確定!");
語法：confirm(message);
message:表示在彈出框內(nèi)顯示的文本【非純HTML文本】
查看全部 -
1.打開一個窗口：window.open()的運(yùn)用
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>單擊事件 </title>
<script type="text/javascript">
? function openwin(){
? ? ?window.open('http://idcbgp.cn','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
? <form>
? ? <input name="點(diǎn)擊我" type="button" value="點(diǎn)擊我" onclick="openwin()"/>
? </form>
</body>
</html>
查看全部 -
onclick是鼠標(biāo)單擊事件，當(dāng)在網(wǎng)頁上單擊鼠標(biāo)時，就會發(fā)生該事件。同時onclick事件調(diào)用的程序塊就會被執(zhí)行，通常與按鈕一起使用。
比如，我們單擊按鈕時，觸發(fā)?onclick?事件，并調(diào)用兩個數(shù)和的函數(shù)add2()。代碼如下：
<html>
<head>
? ?<script type="text/javascript">
? ? ? function add2(){
? ? ? ? var numa,numb,sum;
? ? ? ? numa=6;
? ? ? ? numb=8;
? ? ? ? sum=numa+numb;
? ? ? ? document.write("兩數(shù)和為:"+sum); ?}
? ?</script>
</head>
<body>
? <form>
? ? ?<input name="button" type="button" value="點(diǎn)擊提交" onclick="add2()" />
? </form>
</body>
</html>注意:?在網(wǎng)頁中，如使用事件，就在該元素中設(shè)置事件屬性。?
2.打開一個窗口：window.open()的運(yùn)用
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>單擊事件 </title>
<script type="text/javascript">
? function openwin(){
? ? ?window.open('http://idcbgp.cn','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
? <form>
? ? <input name="點(diǎn)擊我" type="button" value="點(diǎn)擊我" onclick="openwin()"/>
? </form>
</body>
</html>
查看全部 -
onclick是鼠標(biāo)單擊事件，當(dāng)在網(wǎng)頁上單擊鼠標(biāo)時，就會發(fā)生該事件。同時onclick事件調(diào)用的程序塊就會被執(zhí)行，通常與按鈕一起使用。
比如，我們單擊按鈕時，觸發(fā)?onclick?事件，并調(diào)用兩個數(shù)和的函數(shù)add2()。代碼如下：
<html>
<head>
? ?<script type="text/javascript">
? ? ? function add2(){
? ? ? ? var numa,numb,sum;
? ? ? ? numa=6;
? ? ? ? numb=8;
? ? ? ? sum=numa+numb;
? ? ? ? document.write("兩數(shù)和為:"+sum); ?}
? ?</script>
</head>
<body>
? <form>
? ? ?<input name="button" type="button" value="點(diǎn)擊提交" onclick="add2()" />
? </form>
</body>
</html>注意:?在網(wǎng)頁中，如使用事件，就在該元素中設(shè)置事件屬性。?
查看全部 -
事件是可以被JavaScript偵測到的行為。
網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以出觸發(fā)JavaScript函數(shù)或程序的事件。
onclick鼠標(biāo)單擊事件
onmouseover鼠標(biāo)經(jīng)過事件
onmouseout鼠標(biāo)移開事件
onchange文本框內(nèi)容改變事件
onselect文本框內(nèi)容被選中事件
onfocus光標(biāo)聚集
onblur光標(biāo)離開
onload網(wǎng)頁導(dǎo)入
onunload關(guān)閉網(wǎng)頁
查看全部 -
var mystr="Hello World!";
document.write(mystr.substr(-6)+ "<br />");
注意此處是-6而不是-5，因?yàn)樽詈笠粋€字符是-1而不是從0開始往左數(shù)
查看全部
舉報