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分钟通话, 中国电信官方发货

看看这<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function addAc(id)
{
//给对象指定函数
var o=document.getElementById(id);
o.onclick=doit;
}function doit()
{//工作函数
alert("Test...");
}
</script><body>
<input type="button" name="test" id="test" value="test">
<script language="javascript" type="text/javascript">
//给按钮指定函数,注意放在后面
addAc("test");
</script>
</body>
</html>
看看这<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function addAc(id)
{
//给对象指定函数
var o=document.getElementById(id);
o.onclick=doit;
}function doit()
{//工作函数
alert("Test...");
}
</script><body>
<input type="button" name="test" id="test" value="test">
<script language="javascript" type="text/javascript">
//给按钮指定函数,注意放在后面
addAc("test");
</script>
</body>
</html>
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>
<body>
<input type="button" name="test" value="test"><script>
document.getElementsByName("test")[0].onclick = doit;
}
function  doit()
  {
      alert("OK");
  }
</script>
</body>
<body>
    <input type="button" name="test" value="test">
    <script type="text/javascript">
      document.getElementsByName("test")[0].onclick = function doit(){
        alert("kk");
      };
  </script>
</body>
这样就可以啦.
注意：增加了ID号<input type="button" name="test" id="test" value="test">
document.onclick   =   doit;

  function   doit()
  {
      alert("OK");
  }用你想绑定事件的元素对象替换document即可
window.onload = function(){
      document.getElementsById("test").onclick = doit;
}
function doit()
{
    alert("OK");
}<input type="button" name="test" value="test" id="test">
<input type="button" name="test" value="test">
<script type="text/javascript">
  document.getElementsByName("test")[0].onclick = function(){
    alert("kk");
  }
</script>
<input type="button" id="mybutton" value="点击">
<script type="text/javascript">
  document.getElementsById("mybutton").onclick = function()
  {
    alert("kk");
  }
</script>
<input type="button" id="mybutton" value="点击">
<script type="text/javascript">
  document.getElementById("mybutton").onclick = function()
  {
    alert("kk");
  }
</script>
就是一个id和一个name都是正确的啊，干嘛重复发了这么多次啊？？？
      document.getElementsByName("test")[0].onclick = function doit(){
        alert("kk");
      };
<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>
建议你这样
1.<form name="form1">
<input type="button" name="test" value="test">
</form>
window.onload=funciton(){
document.form1.test.onclick=function(){
alert("test");
}
}2.<form name="form1">
<input type="button" id="test" value="test">
</form>
window.onload=funciton(){
document.getElementById("test").onclick=function(){
alert("test");
}
}
其实你这个问题用 jquery 的话，简直就太简单了！兄弟推荐你使用 jQuery!
保管改变你写 JS 的习惯。且开发效率快NN倍。
你这个问题不用 jQuery 的话，就得先找到 name = "test" 的对象，然后再监听 test 的事件！