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

为什么DOM0把script移到head里面后, 不弹框了

<title>无标题文档</title>

<script>

var btn=document.getElementById("btn");

btn.onclick=function() { alert("no");}

</script>

</head>

<body>

<input type="button" value="按钮" id="btn">

</body>

</html>

为什么DOM0把script移到head里面后, 不弹框了?  非要移到body里面才可以

<input type="button" value="按钮" id="btn" onclick="showmes()">

再在script里面封装一个函数, 也是用alert, 放head上面, 又可以显示

正在回答

2 回答

懂了,因为在加载<script> 的时候,btn还没有在html中创建, 所以抓取不到, 

需要写成这样, 在网页加载完成以后, 再重新加载一次onload的程序

<script type="text/javascript" >

window.onload = function () {

var btn=document.getElementById("btn");

btn.onclick=function () {

alert("OK");

}

}

</script>



1 回复 有任何疑惑可以回复我~

<title>无标题文档</title>

</head>

<body>

<input type="button" value="按钮" id="btn">

<script>

var btn=document.getElementById("btn");

btn.onclick=function() { alert("no");}

</script>

</body>

或者

<script>

function showmes() { alert("no");}

</script>

<title>无标题文档</title>

</head>

<body>

<input type="button" value="按钮" id="btn" onclick="showmes()">

</script>

</body>

上面这两个都能正常跳出弹框


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么DOM0把script移到head里面后, 不弹框了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信