zoukankan      html  css  js  c++  java
  • JS事件 鼠标单击事件( onclick )通常与按钮一起使用。onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行

    鼠标单击事件( onclick )

    onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。

    比如,我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2()。代码如下:

    <html>
    <head>
       <script type="text/javascript">
          function add2(){
            var numa,numb,sum;
            numa=6;
            numb=8;
            sum=numa+numb;
            document.write("两数和为:"+sum);  }
       </script>
    </head>
    <body>
       <form>
          <input name="button" type="button" value="点击提交" onclick="add2()" />
       </form>
    </body>
    </html>

    注意: 在网页中,如使用事件,就在该元素中设置事件属性。 

    任务

    补充右边编辑器第12行,当鼠标点击"确定"按钮后,调用openwin()函数。


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>单击事件 </title>
    <script type="text/javascript">
      function openwin(){
         window.open('http://www.baidu.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
    </script>
    </head>
    <body>
      <form>
        <input name="点击我" type="button" value="点击我" onclick="openwin()"/>
      </form>
    </body>
    </html>



  • 相关阅读:
    python中break与continue区别
    jmeter正则表达式
    python的input()函数与getpass标准库
    python实例练习-01登录
    python数据类型-字符串
    jmeter操作mysql
    jmeter文件下载
    字符逆序
    求解立方根
    求最小公倍数
  • 原文地址:https://www.cnblogs.com/yongbin668/p/5592777.html
Copyright © 2011-2022 走看看