用事件处理 必须把js代码放到html尾部吗？放在顶部 head里不可以吗？
代码：放在顶部head里应该怎么写呢？？<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR...
代码：放在顶部 head里 应该怎么写呢？？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<body>
<button id="test">事件测试</button>
</body>
<script type="text/javascript">
function myText(){
op = document.createElement("p");
oText = document.createTextNode(" 不行，就在努力一点");
op.appendChild(oText);
document.body.appendChild(op);
}
var test = document.getElementById("test");
test.onclick = myText;
</script>
</html> 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<body>
<button id="test">事件测试</button>
</body>
<script type="text/javascript">
function myText(){
op = document.createElement("p");
oText = document.createTextNode(" 不行，就在努力一点");
op.appendChild(oText);
document.body.appendChild(op);
}
var test = document.getElementById("test");
test.onclick = myText;
</script>
</html> 展开
4个回答
展开全部
js脚本的代码位置是有讲究的
如果是函数则无所谓，你这段代码如果放在
<button id="test">事件测试</button>
之前，则会出现错误
这句
document.getElementById("test");
是获得button的句柄，button必须在执行这段脚本之前被浏览器创建
所以你放在后面是对的，放在前面就不行了。
因为浏览器加载文档也是顺序加载的包括脚本
如果是函数则无所谓，你这段代码如果放在
<button id="test">事件测试</button>
之前，则会出现错误
这句
document.getElementById("test");
是获得button的句柄，button必须在执行这段脚本之前被浏览器创建
所以你放在后面是对的，放在前面就不行了。
因为浏览器加载文档也是顺序加载的包括脚本
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function myText() {
op = document.createElement("p");
oText = document.createTextNode(" 不行，就在努力一点");
op.appendChild(oText);
document.body.appendChild(op);
}
function btn() {
var test = document.getElementById("test");
test.onclick = myText;
}
window.onload = function() {
btn();
}
</script>
function myText() {
op = document.createElement("p");
oText = document.createTextNode(" 不行，就在努力一点");
op.appendChild(oText);
document.body.appendChild(op);
}
function btn() {
var test = document.getElementById("test");
test.onclick = myText;
}
window.onload = function() {
btn();
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你愿意放哪就放哪呗。这谁管你。不过貌似必须在html标签里边
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
