为了账号安全,请及时绑定邮箱和手机立即绑定

请帮我看一下这一段代码,为什么点击x,没有出现警告框

请帮我看一下这一段代码,为什么点击x,没有出现警告框

sgbb88 2016-06-03 17:16:57
<script type="text/javascript">      function obtn(){          alert(1)  } document.getElementById("x").onclick=obtn;  </script>
查看完整描述

8 回答

已采纳
?
陈士愚

TA贡献44条经验 获得超44个赞

<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>单击事件 </title>
</head>

<body>
    <form id="sts">
        <div id="x">
            <input id="alter" type="button" value="修改样式"> </div>
    </form>
    <script type="text/javascript">
    function obtn() {
        alert(1);
    }
    document.getElementById("x").onclick = obtn;
    </script>
</body>

</html>

可以执行,不清楚你的本地啥情况……

查看完整回答
2 反对 回复 2016-06-03
  • sgbb88
    sgbb88
    我试了下,想你一样把script写在body中正常,但是我吧script写在head中,点击就没反应,请问一下,这是为什么
  • 陈士愚
    陈士愚
    HTML代码在浏览器中是从上到下解释执行的。放在head里,在获取id为x的元素时,body部分还没渲染,x元素还未出现,所以获取不到。而放到body的最后,x元素先渲染,然后才尝试获取该元素并设置其click事件 。
?
刚毅87

TA贡献345条经验 获得超309个赞

document.getElementById("x").onclick = function () {

    obtn()

}

望采纳

查看完整回答
1 反对 回复 2016-06-03
?
花亦飘零久

TA贡献1条经验 获得超0个赞

<head>
<script>
    window.onload=function(){
        document.getElementById("x").onclick = obtn;
    };
    function obtn(){alert(1);}
</script>
</head>


查看完整回答
反对 回复 2016-06-05
?
huqin082082

TA贡献5条经验 获得超1个赞

你的onclick事件不会放到id="x"的标签上吗  为什么还用这种方式

查看完整回答
反对 回复 2016-06-03
?
过期的孟婆汤

TA贡献1条经验 获得超0个赞

你没搞明白onclick = fun ();和onclick = fun;的区别

查看完整回答
反对 回复 2016-06-03
?
weibo_木落绕指_0

TA贡献6条经验 获得超3个赞

代码没问题。但是要注意js要放到文档底部加载。放在头部是不行的。

查看完整回答
反对 回复 2016-06-03
  • sgbb88
    sgbb88
    为什么?我看见人家的都是放在头部?
?
陈士愚

TA贡献44条经验 获得超44个赞

放到html里试了一下,没有问题。会不会是ID写错了? x是个什么元素? 

查看完整回答
反对 回复 2016-06-03
  • sgbb88
    sgbb88
    <div id="x"> <input id="alter" type="button"value="修改样式"> </div>
?
qq_大寒_2

TA贡献173条经验 获得超185个赞

document.getElementById("x").onclick=obtn();


查看完整回答
反对 回复 2016-06-03
  • sgbb88
    sgbb88
    不对啊,这样不是直接调用了obth()?打开这个网页就直接弹出警告框了
  • 西地锦
    西地锦
    不得不说一下 , 这个是错误的。
  • 8 回答
  • 0 关注
  • 1931 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信