zoukankan      html  css  js  c++  java
  • Day1-JS-JS事件

    小知识点:

        你的全局变量,或者函数,可以覆盖 window 对象的变量或者函数。
        局部变量,包括 window 对象可以覆盖全局变量和函,

     一、onclick 点击事件的三种实现方法

      1、①效果:  

        ②知识点:通过使用this直接对这个按钮的内容“现在的时间是?“进行修改的;

            注意打印时间的函数不要搞错了,是Date(),js对大小写是很敏感的

       ③完整代码

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

      2、①效果:

                         

       代码实现:

      <button onclick="getDate()">现在的时间</button>
        <script>
            function getDate(){
                document.getElementById("demo").innerHTML=Date();
            }
        </script>
        <p id="demo"></p>

        3、①效果:

                

           ②知识点:注意了如果直接在onclick上面直接对点击事件进行定义的话,demo要用单引号才行,也就是

              getElementById(‘demo’) 不然是会报错的

          ③代码实现:

    <button onclick="getElementById('demo').innerHTML=Date()">现在的时间</button>
        <p id="demo"></p>

     二、HTML常见的事件:

      

     小知识点:

          可以不用直接在元素里面定义 onclick=”×××()“

    <button id="test" onclick="changeContent()">更换内容</button>

          可以直接在js里面写,比如

    var test = document.getElementById("test");
    test.onclick = changeContent(){
        //......
    }

            

          

  • 相关阅读:
    GitHub上如何创建组织?
    windows中使用Git如何解决文件冲突?
    GitHub上如何删除代码仓库?
    并发编程模型和访问控制
    大数据征信的应用和启示:ZestFinance的基于大数据的信用评估技术
    Hadoop的Python框架指南
    Redis+Django(Session,Cookie、Cache)的用户系统
    如何使你的Ajax应用内容可让搜索引擎爬行
    Web运营手记
    全屏slider--swiper
  • 原文地址:https://www.cnblogs.com/SCAU-gogocj/p/13096315.html
Copyright © 2011-2022 走看看