展开全部
如果使用window.onload函数，将js代码放在其中，则放在哪里都是一样的，因为都是在body加载完再执行的
如果不使用window.onload函数,放在head中的话，代码不会被执行，这是因为html执行顺序，确切的说是js的执行顺序
HTML从上运行到<script type="text/html" src="test.js"></script>的时候进入test.js文件。前面的不会运行，也就是被function包起来的不会被运行，这个时候就执行最后一句。去页面中取元素。但是这个时候，HTML页面并没有加载完。所以找不到元素，就会报错。
代码：
<html>
<head>
<title> New Document </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<div id="target">
</div>
<button id="btn">按钮</button>
</body>
</html>
test.js代码：
var test = function(){
var span = document.createElement("span");
span.innerHTML="添加";
document.getElementById("target").appendChild(span);
}
document.getElementById("btn").onclick=test;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//从上到下一次执行，你放head里面就首先加载js这样你需要用onload 事件，等图片文字都加载完成之后才执行js脚本。
window.onload = function(){
alert('window load');
}
document.body.onload = function(){
alert('body load');
}
//如果你放到页面最底部那就不需要了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
