zoukankan      html  css  js  c++  java
  • 夺命雷公狗---javascript NO:07 事件编程介绍

    1、什么事件驱动式

    答:在JavaScript中,用户的行为(点击、移动等)都会被JavaScript代码中的事件所捕获,并执行相应的事件处理程序,我们把这个过程就称之为事件驱动式。

    <input type=’button’ onclick=’alert(‘hello’);’ />

    2、什么是事件的处理程序

    例1:定义一个按钮为其赋值一个事件,弹出一个hello world

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=’utf-8′>
    <title></title>
    </head>
    <body>
    <input type=”submit” value=”点击” onclick=”alert(‘hello world’);”>
    </body>
    </html>

    例2:定义一个按钮为其赋值一个事件,弹出两个hello world

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=’utf-8′>
    <title></title>
    </head>
    <body>
    <input type=”submit” value=”点击” onclick=”alert(‘hello world’); alert(‘hello world2′);”>
    </body>
    </html>

    例3:定义一个按钮为其赋值一个事件,弹出100个hello world,

    这样如果写多一百次alert(‘hello world’);也是可以实现的,但是这样的话,那代码量就会太大了

    所以我们可以使用到循环

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=’utf-8′>
    <title></title>
    </head>
    <body>
    <input type=”submit” value=”点击” onclick=”fun();”>
    <script>
    function fun(){
    for(var i=0;i<=100;i++){
    alert(‘hello world’);
    }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    js中Frame框架的属性获取(1)
    c#中文件上传(1)
    表单验证Validform
    Mybatis语法笔记
    js的checkbox
    调用微信Js-SDK支付
    调用微信Js-SDK图片
    java后台上传到linux
    web服务器内层溢出
    SpringMVC
  • 原文地址:https://www.cnblogs.com/leigood/p/5031816.html
Copyright © 2011-2022 走看看