zoukankan      html  css  js  c++  java
  • js事件之神奇的onclick

    21:58 2013/7/1

    <a href="#" onclick="alert(123124);" >链接</a>

    意思是鼠标点击链接时执行弹出窗口

    js事件可以与任何方法绑定,你可以不用写<script type="text/javascript"> </script>因为js事件内部会自动去执行js代码,不过写上也没事 注意.click()方法就必须要写在声明的脚本代码片段里才能执行,只执行一次,而onclick事件是将js事件与地址绑定只要鼠标点击绑定的对象就会执行, onclick="任何方法"方法要写在脚本代码块里才可以执行,因为方法都是我们自定义的,又不是alert

    <a href="#" onclick="window.close()">关闭</a>将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。你或许会说为什么不直接写成<a onclick="window.close()">关闭</a>如果这样写,关闭这两个字就不会作为超联接处理,效果看上去会差一些。你可以自己试试

    比如<input type=button id=btn1 value="测试按钮" />那么$("#btn1").click(function(){alert(1)});//点击btn1时,会弹出1上面这行和下面这行效果是一样的$("#btn1").bind("click", function(){alert(1)});//点击btn1时,会弹出1就是把后面那个function绑定到按钮的click事件上 等效于:<input type=button id=btn1 value="测试按钮" onclick="alert(1)"/>

    注意:jquery里的click事件要用$(document).ready(fn);来加载,相当于javascript中的window.load(fn);或在<body onload="fn"> 只要事件绑定给按钮或标签可以$(function(){对象.click(){函数}});

    <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script>//必须加 <script type="text/javascript"> $(document).ready(function(){   $("button").click(function(){//这里可以不把click事件与按钮绑定,可以与任何标签绑定     $("p").slideToggle();   }); }); </script> </head> <body> <p>这是一个段落。</p> <button>切换</button> </body> </html>

  • 相关阅读:
    ORACLE日期时间函数大全
    Oracle 11.2.0.4 Data Guard 部署练习【一主一备/单机】
    Oracle 11.2 RAC 添加节点
    Oracle 11.2 RAC 删除节点
    Oracle 11.2 RAC on Redhat 6.5 安装最佳实践
    MongoDB复制集概念架构浅析
    Linux下MongoDB单实例的安装和配置详解
    抓包
    openstack安全组
    chrome headless 截图
  • 原文地址:https://www.cnblogs.com/YingYue/p/3742006.html
Copyright © 2011-2022 走看看