javascript 的onlick问题

htm页面：<input type="button" name="test" value="test">js:document.onclick   =   doit;

  function   doit()
  {
   alert("OK");
  }
我的问题是只能在button上点击的时候弹出提示框，而且不能写成这样
<input type="button" name="test" value="test" onclick="javascript:doit()">
请问如何写?

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

window.onload = function(){
document.getElementsByName("test")[0].onclick = doit;
}
function  doit()
  {
      alert("OK");
  }
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
window.onload = function(){
document.getElementsByName("test")[0].onclick = doit;}
function  doit()
  {
      alert("OK");
  }</script>
</head>
<body>
    <form id="form1" runat="server">
       <input type="button" name="test" value="test" />
    </form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
window.onload = function(){
document.getElementsByName("test")[0].onclick = doit;}
function  doit()
  {
      alert("OK");
  }</script>
</head>
<body>
    <form id="form1" runat="server">
       <input type="button" name="test" value="test" />
    </form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档 </title>
</head>
<script language="javascript" type="text/javascript">
function doit(){
  alert("Test...");
}
window.onload=function(){
  document.getElementById("test").attachEvent("onclick",function(){doit();})
}
</script><body>
<input type="button" name="test" id="test" value="test">
</body>
</html>
<body>
    <input type="button" name="test" value="test">
    <script type="text/javascript">
      document.getElementsByName("test")[0].onclick = function doit(){
         alert("kk");
      };
   </script>
</body>
<script type="text/javascript">
window.onload = function(){
  document.getElementsByName("test")[0].onclick = function(){
    alert("...")
  };
}
</script>
<input type="button" name="test" value="test">
<script type="text/javascript">
  document.getElementsByName("test")[0].onclick = function(){
    alert("kk");
  }
</script>
document.onclick   = function(){
      alert("OK");
  }
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
document.onclick   =   doit;

  function   doit(e)
  {
      e=e||event;
      var o=e.target||e.srcElement;
      if(o.type=='button'||e.tagName=="BUTTON")alert('ok') //====================
  }
</script>
</head>
<body>
    <form id="form1" runat="server">
       <input type="button" name="test" value="test" />
<input type="button" name="test" value="test1" />
<button>test2</button>
    </form>
</body>
</html>
楼上的方法都比较好，这里给你提供另外一种思路：采用jquery框架比较简单，
$(document).ready(function(){
    $("#BtnConfirm").click(function(){
        var flag="y";
        var OldAccount=$("#RevisionOldAccount option:selected").val();
        var NewAccount=$("#RevisionNewAccount option:selected").val();
        if(OldAccount==NewAccount)
        {
           alert("同一帐户不能平调！");
           return false;
        }
        if($("#RevisionDate").val()=="")
        {
            $("#RevisionDate")[0].focus();
             alert("发生时间不能为空！");
            return false;
        }
        if($("#RevisionMoney").val()=="")
        {
            $("#RevisionMoney")[0].focus();
             alert("金额不能为空！");
            return false;
        }
        $.get("CheckMoneyOutSript.aspx",{ RevisionAccount:$("#RevisionOldAccount option:selected").val(),RevisionMoney:$("#RevisionMoney").val()},function(data){
                    flag=data.substring(0,1);
              });
         if(flag=="n")
         {
             $("#RevisionMoney")[0].focus();
             alert("所调出的金额大于账户的余额");
              return false;
         }
        });

});
window.onload = function(){
document.getElementsByName("test")[0].onclick = doit;
}
function  doit()
  {
      alert("OK");
  }
document.getElementsByName("test")[0].onclick = doit;
document.getElementsByName("test")[0].onclick = doit;
上面已经介绍了两种方法，给你补充第三种方法：
ie:dom.detachEvent("事件源","执行事件");
w3c:dom.addEventListener("事件源","执行事件",boolean)
<input type="button" name="test" value="test" onclick="function(){alert("OK");}">
<input type="button" name="btnAlert" id="btnAlert" value="Alert">
<script type="text/javascript">
  document.getElementById("btnAlert").onclick = function(){
    alert("Ok");
  }
</script>
  var obj = document.getElementById("test");
  obj.attachEvent('onclick',doit);
window.onload = function()
{
     document.getElementById("test_id").onclick = doit;
}
function  doit()
{
     alert("OK");
}