js放在html的不同位置有什么区别吗

请问js放在html的不同位置有什么区别吗... 请问js放在html的不同位置有什么区别吗 展开
 我来答
Baby_原來
2015-09-09 · TA获得超过3402个赞
知道大有可为答主
回答量:1535
采纳率:94%
帮助的人:499万
展开全部

如果使用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;
百度网友9cc25ba4c
2015-09-09 · TA获得超过174个赞
知道小有建树答主
回答量:233
采纳率:33%
帮助的人:76.7万
展开全部
//从上到下一次执行,你放head里面就首先加载js这样你需要用onload 事件,等图片文字都加载完成之后才执行js脚本。
window.onload = function(){
    alert('window load');
}

document.body.onload = function(){
    alert('body load');
}
//如果你放到页面最底部那就不需要了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式