学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>基础教程>>

javascript教程(十一) 事件

发布时间:2020-04-11点击:

    Javascript 事件

    Javascript事件与HTML几乎雷同,只是HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。

    一、触发Javascript事件

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

    以下是 HTML 事件的实例:

    1、HTML 页面完成加载

    2、HTML 按钮被点击

    通常,当事件发生时,你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。

    <button onclick="myfunction()">按钮</button>
    <script>
    function myfunction(){
    alert(当按钮被点击时就会调用本函数);
    }
    </script>

    上述事例就是通过元素的onclick事件调用javascript脚本的。当然可以触发Javascript事件的html事件还有很多,可用事件列表请详见:

    HTML 事件方法一览表

    二、Javascript事件可以做什么?

    事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:

    1、页面加载时触发事件

    2、页面关闭时触发事件

    3、用户点击按钮执行动作

    4、验证用户输入内容的合法性

    ...

    可以使用多种方法来执行 JavaScript 事件代码:

    1、HTML 事件属性可以直接执行 JavaScript 代码

    2、HTML 事件属性可以调用 JavaScript 函数

    3、你可以为 HTML 元素指定自己的事件处理程序

    4、你可以阻止事件的发生。

    ...

    学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~

赞一个(0)     踩一个(0)    

相关链接