JavaScript事件

 

    HTML事件是发生在HTML元素上的事情。

 

    当在HTML页面中使用JavaScript时，JavaScript可以触发这些事件。

 

    HTML事件

 

    HTML事件可以是浏览器行为，也可以是用户行为。

 

    以下是HTML事件的实例：

 

    HTML页面完成加载

 

    HTMLinput字段改变时

 

    HTML按钮被点击

 

    通常，当事件发生时，你可以做些事情。

 

    在事件触发时JavaScript可以执行一些代码。

 

    HTML元素中可以添加事件属性，使用JavaScript代码来添加HTML元素。

 

    单引号:

 

    <some-HTML-elementsome-event='JavaScript代码'>

 

    双引号:

 

    <some-HTML-elementsome-event="JavaScript代码">

 

    在以下实例中，按钮元素中添加了onclick属性(并加上代码):

 

    实例

 

    <buttononclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>

 

    以上实例中，JavaScript代码将修改id="demo"元素的内容。

 

    在下一个实例中，代码将修改自身元素的内容(使用this.innerHTML):

 

    实例

 

    <buttononclick="this.innerHTML=Date()">现在的时间是?</button>

 

    JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用：

 

    实例

 

    <buttononclick="displayDate()">现在的时间是?</button>