zoukankan      html  css  js  c++  java
  • 使用 HTML DOM 来分配事件

    HTML DOM 允许您通过使用 JavaScript 来向 HTML 元素分配事件:

    这是什么意思呢?我们先看一段HTML代码:

    <!DOCTYPE html>
    <html>
    <body>

    <p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>

    <button onclick="displayDate()">点击这里</button>

    <script>
    function displayDate()
    {
    document.getElementById("demo").innerHTML=Date();
    }
    </script>

    <p id="demo"></p>

    </body>
    </html>

    这段代码很简单,就是在点击button时调用displayDate()函数,因为我学习的还不深入,但是以我面向对象基础感觉,这样没有很好封装的感觉,应该声明好该有的控件,然后在javascript部分来定义这些控件在某些事件产生时该执行什么动作,

    <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>

    <p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>

    <button id="myBtn">点击这里</button>    //声明控件

    <script>
    document.getElementById("myBtn").onclick=function(){displayDate()};  //控件某些事件产生时执行的动作
    function displayDate()
    {
    document.getElementById("demo").innerHTML=Date();
    }
    </script>

    <p id="demo"></p>

    </body>
    </html>

    虽然很简单,但是作为初学,还是记录一下。

  • 相关阅读:
    基于XMPP协议的Android即时通信系
    codeforces 830 B Cards Sorting
    [SCOI2007]修车
    spoj GSS4
    hdu 3652 B-number
    【模版】多项式乘法 FFT
    hdu 3642 Get The Treasury
    hdu 1255 覆盖的面积
    hdu 4553 约会安排
    UVA-11992 Fast Matrix Operations
  • 原文地址:https://www.cnblogs.com/hansonzhe/p/3592014.html
Copyright © 2011-2022 走看看