在前端網頁設計時,離不開一些動態事件的交互,比如提交數據,登錄,注冊等等。這事件一般都需要通過HTML onclick事件的調用,這篇文章重點介紹一下 onclick事件的定義與用法

onclick事件的定義

国产视频app onclick 事件會在元素被點擊時發生。

語法:

<element onclick="SomeJavaScriptCode">

例1:定義一個簡單的點擊事件

html代碼

<input type="button" value="點我點我" onclick="ds()">

JS代碼

<script>
function ds(){
  alert('我出現了啊');
}
</script>

運行后,我們點擊按鈕出彈出一個信息,如下圖

onclick事件屬性定義與用法,html onclick事件,HTML onclick 事件屬性,onclick 事件

解釋:

国产视频app 元素input被鼠標點擊以后會觸發,onclick事件,onclick事件會調用js中的定義的 ds()函數,就會彈出一條信息來。

例2 :帶有傳值參數的onclick事件

html代碼

<input type="button" value="點我點我" onclick="ds('http://xswdd.cn')">

js代碼

<script>
function ds(a){
  alert(a);
}
</script>

運行后,我們點擊按鈕彈出的信息如下圖

onclick事件屬性定義與用法,html onclick事件,HTML onclick 事件屬性,onclick 事件

解釋:

1、html代碼中調用onclick事件中,給要調用的js ds()函數傳值‘http://xswdd.cn’

2、函數 ds() 接受到傳入的值,會直接彈出

onclick使用注意

国产视频app 在html元素中 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.這些元素都不支持 onclick 事件屬性,