在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ JavaScript事件
Javascript Math.log()方法
Javascript String.sub()方法
JavaScript表單驗(yàn)證
Javascript教程
Javascript String.fontsize()方法
Javascript Date.getUTCHours()方法
JavaScript運(yùn)算符
Javascript RegExp.ignoreCase屬性
Javascript Date.toLocaleDateString()方法
Javascript String.valueOf()方法
Javascript Date.setUTCMinutes()方法
JavaScript Switch Case
JavaScript Function() 構(gòu)造
Javascript Math.floor()方法
JavaScript頁面刷新
Javascript Math.abs()方法
Javascript Array.pop()方法
Javascript Boolean.valueOf()方法
Javascript Number.MIN_VALUE
Javascript Date.parse()方法
Javascript Math.LOG10E屬性
Javascript Math.random()方法
Javascript Date.getYear()方法
Javascript Array.some()方法
Javascript Array.filter()方法
Javascript Array.join()方法
JavaScript for循環(huán)
Javascript String.localeCompare()方法
JavaScript語法
Javascript Array.length屬性
Javascript String.strike()方法
Javascript String.constructor屬性
JavaScript Date對象
Javascript Date.setYear()方法
Javascript Math.E屬性
Javascript Math.LN10屬性
Javascript Math.sqrt()方法
Javascript Array.reverse()方法
Javascript String.length屬性
Javascript RegExp.lastIndex屬性
Javascript Arrays對象
Javascript Boolean.toSource()方法
Javascript Date.valueOf()方法
JavaScript while循環(huán)
Javascript Date.getDate()方法
Javascript Date.toUTCString()方法
Javascript Math.SQRT2屬性
Javascript Array.lastIndexOf()方法
Javascript String.slice()方法
Javascript Date.getTime()方法
Javascript Date.getSeconds()方法
Javascript RegExp.toString()方法
Javascript String.replace()方法
Javascript Array.splice()方法
Javascript多媒體
Javascript Math.atan2()方法
Javascript Date.toString()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getFullYear()方法
Javascript Date.setDate()方法
Javascript Array.slice()方法
Javascript Math.ceil()方法
Javascript Date.getHours()方法
JavaScript事件
Javascript Math.pow()方法
Javascript Math.exp()方法
Javascript Date.getMonth()方法
Javascript Date.setUTCDate()方法
Javascript Array.reduce()方法
Javascript Date setUTCMilliseconds()方法
JavaScript文檔對象模型或DOM
Javascript String.blink()方法
Javascript Number.POSITIVE_INFINITY
Javascript Math.asin()方法
JavaScript動畫
Javascript Number.MAX_VALUE
Javascript RegExp.global屬性
Javascript Date.getMinutes()方法
Javascript Date.UTC()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Math.SQRT1_2屬性
Javascript Array.every()方法
Javascript String.anchor()方法
JavaScript if...else語句
Javascript Math.round()方法
Javascript Array.concat()方法
Javascript Boolean.toString()方法
Javascript Math.sin()方法
Javascript Math.max()方法
Javascript Date.setMilliseconds()方法
JavaScript對象
Javascript String.toLocaleLowerCase()方法
Javascript Math.min()方法
JavaScript傳統(tǒng)DOM
Javascript Array.unshift()方法
Javascript Date.toTimeString()方法
Javascript String.toString()方法
Javascript String.substring()方法
Javascript Array.constructor屬性
正則表達(dá)式和RegExp對象
Javascript Math.acos()方法
JavaScript Boolean.constructor()方法
Javascript RegExp.source屬性
Javascript Math.PI屬性
JavaScript W3C DOM
Javascript Date.setMinutes()方法
JavaScript Cookies
JavaScript循環(huán)控制
Javascript Array.push()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getUTCSeconds()方法
Javascript String.charAt()方法
Javascript Date.getUTCFullYear()方法
JavaScript對話框
Javascript String.toUpperCase()方法
Javascript Math.atan()方法
Javascript Number.NEGATIVE_INFINITY
Javascript Date.getUTCDay()方法
Javascript String.search()方法
Javascript String.substr()方法
Javascript Array.toString()方法
Javascript String.sup()方法
Javascript String.charCodeAt()方法
Javascript Math.cos()方法
Javascript String.bold()方法
Javascript Math.tan()方法
Javascript RegExp.test()方法
Javascript Date.toDateString()方法
JavaScript錯(cuò)誤和異常處理
JavaScript函數(shù)
Javascript String.link()方法
JavaScript嵌套函數(shù)
Javascript Boolean對象
Javascript Array.shift()方法
Javascript String.small()方法
Javascript Date.getUTCMonth()方法
Javascript String.lastIndexOf()方法
Javascript Math.toSource()方法
Javascript Array.reduceRight()方法
JavaScript變量和數(shù)據(jù)類型
Javascript Number.NaN
Javascript Array.toSource()方法
Javascript頁面打印
Javascript Date.setUTCFullYear()方法
Javascript Array.indexOf()方法
Javascript RegExp.exec()方法
Javascript Date.setUTCSeconds()方法
Javascript String.match()方法
Javascript Date.setSeconds()方法
Javascript Array.sort()方法
Javascript Math.LOG2E,屬性
Javascript Math對象
Javascript Math.LN2屬性
Javascript String對象
JavaScript頁面重定向
Javascript RegExp.toSource()方法
Javascript Date.getUTCDate()方法
Javascript String.concat()方法
Javascript Array.map()方法
Javascript Date.toSource()方法
Javascript String.toLowerCase()方法
在HTML文件放置JavaScript
JavaScript for...in 循環(huán)
Javascript Object.prototype
Javascript RegExp.constructor屬性
JavaScript void關(guān)鍵詞
Javascript Date.getTimezoneOffset()方法
Javascript RegExp.multiline屬性
Javascript Date()函數(shù)
Javascript Date.setUTCHours()方法
JavaScript Array.forEach()方法
在瀏覽器中啟用JavaScript
Javascript Date.setTime()方法
Javascript String.toLocaleUpperCase()方法
Javascript Date.setHours()方法
Javascript Date.constructor屬性
Javascript String.fixed()方法
Javascript Number對象
Javascript String.italics()方法
Javascript String.big()方法
Javascript String.fontcolor()方法
Javascript Date.getDay()方法
JavaScript IE4 DOM
Javascript Date.setMonth()方法
Javascript Date.setFullYear()方法
JavaScript函數(shù)字面值

JavaScript事件

事件是什么 ?

JavaScript與HTML交互是通過在用戶或?yàn)g覽器操縱頁面上發(fā)生的事件進(jìn)行處理。

當(dāng)頁面加載,這是一個(gè)事件。當(dāng)用戶點(diǎn)擊一個(gè)按鈕,這一下,也就是一個(gè)事件。事件的另一個(gè)例子是類似按下任意鍵,關(guān)閉窗口,調(diào)整窗口等。

開發(fā)者可以使用這些事件執(zhí)行JavaScript編碼響應(yīng),這引起按鈕以關(guān)閉視窗,消息,以便顯示給用戶,要驗(yàn)證的數(shù)據(jù),以及幾乎任何其它類型的響應(yīng)可以發(fā)生的。

事件是文檔對象模型(DOM)第3級,每一個(gè)HTML元素的一部分有一套可以觸發(fā)JavaScript代碼事件。

請繼續(xù)通過這個(gè)小教程更好地理解 HTML事件參考. 在這里,我們將看到一些例子來了解事件和JavaScript之間的關(guān)系:

onclick事件類型:

這是當(dāng)用戶點(diǎn)擊鼠標(biāo)左鍵時(shí)發(fā)生的最頻繁使用的事件類型??梢葬槍Υ耸录愋桶羊?yàn)證信息,警告等顯示。

例子:

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
   alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

這將產(chǎn)生以下結(jié)果,當(dāng)你點(diǎn)擊“Hello”按鈕,然后會的onclick事件的發(fā)生將觸發(fā)sayHello()函數(shù)。

 

onsubmit 事件類型:

另一個(gè)最重要的事件類型是 onsubmit。當(dāng)嘗試提交表單時(shí)引發(fā)此事件。所以,可以把表單驗(yàn)證針對此事件類型。

下面是簡單的例子,說明它的用法。在這里,我們提交表單數(shù)據(jù)到Web服務(wù)器之前,調(diào)用一個(gè)validate()函數(shù)。如果表單將被提交的validate()函數(shù)返回true,否則不會提交數(shù)據(jù)。

例子:

<html>
<head>
<script type="text/javascript">
<!--
function validation() {
   all validation goes here
   .........
   return either true or false
}
//-->
</script>
</head>
<body>
<form method="POST" action="t.cgi" onsubmit="return validate()">
.......
<input type="submit" value="Submit" />
</form>
</body>
</html>

onmouseover 和 onmouseout:

這兩個(gè)事件類型將幫助創(chuàng)建圖片甚至用文字以及不錯(cuò)的效果。當(dāng)把鼠標(biāo)在任何元素,當(dāng)從元素把鼠標(biāo)移出發(fā)生onmouseout事件,移過時(shí)發(fā)生 onmouseover 事件。

例子:

下面的例子說明,分組反應(yīng)如下:

<html>
<head>
<script type="text/javascript">
<!--
function over() {
   alert("Mouse Over");
}
function out() {
   alert("Mouse Out");
}
//-->
</script>
</head>
<body>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>

 

可以使用這兩個(gè)事件類型改變不同的圖像,也可以創(chuàng)建幫助你的用戶。

HTML 4 標(biāo)準(zhǔn)事件

標(biāo)準(zhǔn)的HTML4事件列在這里,供大家參考。下面的腳本顯示一個(gè)Javascript函數(shù)功能以對該事件執(zhí)行。

Event Value 描述
onchange script 腳本運(yùn)行時(shí)的元素改變
onsubmit script 腳本時(shí)提交表單運(yùn)行
onreset script 腳本運(yùn)行時(shí)的形式被重置
onselect script 腳本當(dāng)選擇元素運(yùn)行
onblur script 腳本運(yùn)行時(shí)的元素失去焦點(diǎn)
onfocus script 腳本運(yùn)行時(shí)的元素獲得焦點(diǎn)
onkeydown script 腳本的時(shí)候鍵被按下運(yùn)行
onkeypress script 腳本的時(shí)候鍵被按下并釋放運(yùn)行
onkeyup script 腳本的時(shí)候鍵被釋放運(yùn)行
onclick script 腳本運(yùn)行時(shí),用鼠標(biāo)點(diǎn)擊
ondblclick script 腳本運(yùn)行時(shí),鼠標(biāo)雙擊
onmousedown script 腳本的時(shí)候按下鼠標(biāo)按鈕運(yùn)行
onmousemove script 腳本運(yùn)行時(shí)鼠標(biāo)指針移動
onmouseout script 腳本運(yùn)行時(shí)鼠標(biāo)指針移出元素
onmouseover script 腳本運(yùn)行時(shí)鼠標(biāo)指針掠過元素
onmouseup script 腳本時(shí)釋放鼠標(biāo)按鍵運(yùn)行