关于JavaScript代码在页面中的位置
按照传统的做法，都会将JavaScript放在<head>标签对中，如
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JS代码的位置</title>
<!-- 在此处放入Js代码的位置 -->
</head>
<body>
</body>
</html>但是，这样做就说明了此页面必须在所有的Js文件全部下载完成后才会显示页面的内容（浏览器在遇到<body>标签时开始显示页面的内容），对于有很多Js文件的页面来说，这样做意味着在页面打开后到Js文件加载完成的这段时间里，页面是空白的，会有明显的延迟。所以，现在习惯上都把Js文件放在<body>元素中页面的后面，如：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JS代码的位置</title>
</head>
<body>
页面内容
页面内容
<!-- 在此处放入Js代码的位置 -->
</body>
</html>
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
