javascript写在<head>和<body>里的区别
2011-08-08 15:01
471 查看
Javascript写在哪里？概括起来就是三种形式：
1. 内部：Html网页的<body></body>中；
2. 内部：Html网页的<head></head>中；
3. 外部：外部JS文件里。
(1) Javascript写在<body></body>中
当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。
<html>
<head></head>
<body>
<script type="text/javascript">....</script>
</body>
</html>
(2) Javascript写在<head></head>中
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的<head></head>里。
<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
</body>
</html>
(3) Javascript写在<head></head>中
将Javascript程序放到一个后缀名为.js的文本文件里。
在HTML里引用外部文件里的Javascript，应在Head里写一句<script src="文件名"></script>，其中src的值，就是Javascript所在文件的文件路径。示例代码如下：
<html>
<head>
<script src="js/001.js">...</script>
</head>
<body>
</body>
</html>
1. 内部：Html网页的<body></body>中；
2. 内部：Html网页的<head></head>中；
3. 外部：外部JS文件里。
(1) Javascript写在<body></body>中
当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。
<html>
<head></head>
<body>
<script type="text/javascript">....</script>
</body>
</html>
(2) Javascript写在<head></head>中
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的<head></head>里。
<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
</body>
</html>
(3) Javascript写在<head></head>中
将Javascript程序放到一个后缀名为.js的文本文件里。
在HTML里引用外部文件里的Javascript，应在Head里写一句<script src="文件名"></script>，其中src的值，就是Javascript所在文件的文件路径。示例代码如下：
<html>
<head>
<script src="js/001.js">...</script>
</head>
<body>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 学习笔记--javascript 的<script></script>放在body和<head></head>的区别
- javascript脚本放在HTML中的<head>和<body>的区别：
- javascript写在<head>和<body>里的区别
- 将js代码放到<head>标签和放到<body>标签里的区别
- javascript写在<head>和<body>里的区别
- javascript写在<head>和<body>里的区别
- js放在<head>里 和 <body>里的区别
- javascript写在<head>和<body>里的区别
- 苹果iPhone连接wifi就进去www.apple.com主页 下边显示 <HTML><HEAD><TITLE>Success</TITLE></HEAD><BODY>Success</BODY>
- PHP动态加载html文件之后<head>中内容全部移动到<body>中导致页面头部存在空白
- javascript写在body和head的区别
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- <a href=”#”>与 <a href=”javascript:void(0)” 的区别
- <script></script>和<script language=javascript></script>的区别
- <a> href=javascript://与href="#"的区别
- 怎么分别javascript写在<head>里还是<body>里面?
- 怎么分别javascript写在<head>里还是<body>里面?
- 页面标签<head></head>之间与<body></body>之间放JS的区别
- 不同浏览器下<a href="#">与<a href="javascript:void(0);">的区别
- JavaScript写在Html页面的<head></head>中