zoukankan      html  css  js  c++  java
  • 事件驱动及事件处理

    使用对象属性来调用事件处理程序,方式一

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>使用标记事件属性来调用事件处理程序</title>
    </head>
    
    <body onLoad="alert('使用事件属性来调用事件处理程序')">
    </body>
    </html>

    运行结果:

     使用对象属性来调用事件处理程序,方式二

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>使用标记事件属性来调用事件处理程序</title>
        <script>
            document.onload=alert("使用标记事件属性来调用事件处理程序");
        </script>
    </head>
    
    <body>
    </body>
    </html>

    运行结果:

     事件处理综合示例

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>事件处理综合示例</title>
    </head>
    
    <body>
        <font style="cursor:hand;" onclick="location='http://www.sina.com.cn'" onmouseover="status='新浪首页网站'; this.color='red'" onmouseout="status='';this.color='blue'">新浪首页网址</font>
    </body>
    </html>

    运行结果:

  • 相关阅读:
    require笔札
    zepto_core
    2016年规划
    说说Q.js中的promise的历史
    jQuery.extend
    jQuery.core_02
    javascript之this指针
    javascript之闭包
    javascript之作用域链
    jvavascript之变量对象
  • 原文地址:https://www.cnblogs.com/biaobiao88/p/11715089.html
Copyright © 2011-2022 走看看