怎么分别javascript写在<head>里还是<body>里面?

最新推荐文章于 2022-12-22 15:09:15 发布
最新推荐文章于 2022-12-22 15:09:15 发布
阅读量183 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/baiduligang/p/4247111.html
版权

怎么分别javascript写在<head>里还是<body>里面?

具体哪些语句写在<body>里，哪些语句写在<head>里

满意答案

BeginNow  | 1218个满意答案 2010-03-10

需要预载和重复使用的函数可以写在head里，一次性使用和简单目的的，可以写在body中。

使用方法可以参考这个
http://www.w3school.com.cn/js/js_whereto.asp

满意答案

恛憶/sun 10级 2010-03-10

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>

(2) 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>


其他回答(2)

热心问友 2010-03-10

<title><style>放在<head>中其他的像<javascript>放在<body>中

几乎不用 11级 2010-03-10

其实没关系.你完全不用在意放在什么地方.关键的只要调用的位置对就行了

转载于:https://www.cnblogs.com/baiduligang/p/4247111.html

weixin_30321449
关注
为什么＜link＞标签放在＜head＞内，而带javascript的链接尽量放在＜/body＞前
Eraser_XIU的博客
09-15 2190
1、<link>标签放在<head></head>之间： a. 规范要求； b. 让页面逐步呈现，提高用户体验； c. 防止呈现空白页面或没有样式的内容； d. 如果把样式表放在文档底部，那么很多浏览器（例如Internet Explorer）不能逐步呈现页面。一些浏览器会阻止渲染，以避免在页面样式发生变化时，重新绘制页面中的元素。 2、<script>标签放在</body>之前： a. 脚本在下载和执行期间会阻止HTML解析。把<scri
script标签放在head内和body内有什么区别
Jack Lee's blogs
03-15 3092
加载的顺序不一样，你可以把ＨＴＭＬ看成从上往下加载的。 例如在网速慢的情况下把ｊｓ代码放在ｂｏｄｙ底部用户会先看到网页结构，等ｊｓ加载完成后才出现特效 区别简述： 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行，但是在主页和其余部分代码之前预先装载。 ——————————————————————...
javascript代码写在哪里？＜body＞ 和＜head＞里面的js有什么区别？
wang2love的博客
12-22 1197
有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。在HTML里引用外部文件里的Javascript，应在Head里写一句，其中src的值，就是Javascript所在文件的文件路径。head中脚本: 需调用才执行的脚本或事件触发执行的脚本。当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。body中脚本: 页面被加载时执行的脚本，通常被用来生成页面的内容。
js放head头里
寂寥人生
05-22 413
如果你非要放在head里的话，把你的代码放到window.onload里边 window.οnlοad=function(){ 你的js代码 } 或者用jquery的 $(document).ready(function(){ 你的js代码 })
关于js写在head部分的问题
qq_41100045的博客
07-19 2610
当我们将js写在head部分时，我们要知道，html页面的加载顺序是从上到下的，如果我们写的js代码需要在文档加载完成后才能够去执行（一般都是要到文档加载完才执行的），那么我们放到&lt;head&gt;内可能导致无法获取对象的情况 为了避免类似情况的发生，可以使用以下方式: （1）.将脚本代码放在网页的底端，运行脚本代码的时候，可以确保要操作的对象已经加载完成。 （2）.通过window....
javascript 为什么写在body体里面
一人一屋淋雨声
10-30 1502
如果没有什么意外，html页面的文档流应该是顺序加载，假设放在 header里的话， 那么 html页面 会先加载head，然后加载html 内容， 这会造成html页面空白。。。
js之JavaScript代码写入head中和body中的区别
qq_41547728的博客
12-01 476
写在head里面： 由于这时候网页主体还未加载，所以这里适合放一些不是立即执行的自定义函数，立即执行的语句则很可能会出错 有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的head里。 写在body里面： 这里可以放函数也可以放立即执行的语句，但是如果需要...
JS代码放在head和body中的区别分析
12-10
JavaScript代码在HTML文档中的位置，通常有两种选择：`<head>`和`<body>`标签内。这两种放置方式会对脚本的执行时机和效果产生显著的影响。我们通过一个具体例子来详细探讨它们之间的区别。 首先，当JavaScript代码...
HTML中head标签内的使用标签详解
weixin_30701575的博客
01-14 1819
一、head包含元素简介 <head>元素包含了所有的头部标签元素，在head中你可以插入脚本（scripts）,样式文件（CSS）,及各种meta信息，可以添加到头部区域的元素为 <title> 定义网页的标题(浏览器工具栏标题，搜素引擎结果页面标题，收藏夹标题) <meta> 用来定义页面的特殊信息（页面关键字，页面描述） ，描述了一些基本的元数据 ...
Html+JavaScript猜数字游戏
m0_62382927的博客
01-23 3452
Html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜数字</title> </head> <body> <button id="reset">重新开始一局游戏</button> <div> <label for="input"
script 写在body和head中的区别
ZCJ
06-10 1583
区别简述： 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。 —————————————————————————— JavaScript应放在哪里 head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证
页面标签<head></head>之间与<body></body>之间放JS有区别吗？
weixin_30454481的博客
09-19 410
今天不用上班！哈哈！言归正传》今看JS时突然想到这个问题： 严格来讲有区别。javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。因而除...
javascript代码写在head中和写在body中的区别
菜鸟的自我素养的博客
07-03 1920
由于html的加载顺序是从上到下的顺序进行加载的，因此在head中的javascript代码在页面还没加载完成时就已经被加载，而写在body中的javascript需要在整个页面加载完成之后才能被加载，所以在javascript代码不需要被立即执行时就可以放在head中，但是，如果javascript代码需要被立即执行就需要放在body中，不然按照从上打下的执行顺序就会报错，而不需要立即执行的代码...
Js放在head和body中的区别
sinat_24413951的博客
09-17 802
在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。一、区别 浏览器解析html是从上到下的。 如果把javascript放在head里的话，则先被解析,但这时候body还没有解析，所以会返回空值。一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码： windows.onl
Javascript写在哪里？
shihao的博客
02-27 5273
Javascript写在哪里？概括起来就是三种形式： 1. 内部：Html网页的中； 2. 内部：Html网页的中； 3. 外部：外部JS文件里。 (1) Javascript写在中 当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。 <head></head> <body> <script ty...
JavaScript 写在head, body的区别
jeiwt的专栏
11-28 6054
一般来说，放在里的会比放在先执行。在head标签里的代码会在页面还未开始绘制之前解析并执行，在body里的代码则会在页面渲染的同时在读取到这段代码的时候就被执行了。 alert('我是head中的代码片段：\n' +'i1引用:'+document.getElementById('i1') +"\ni2引用:"+document.getElementById('i2')
javascript写在<head>和<body>里的区别
热门推荐
lxy1106的专栏
08-08 1万+
Javascript写在哪里？概括起来就是三种形式： 1. 内部：Html网页的中； 2. 内部：Html网页的中； 3. 外部：外部JS文件里。 (1) Javascript写在中 当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物</title> <link type="text/css" rel="stylesheet" href="css/style.css"/> <script type="text/javascript" src="js/script.js"></script> </head> <body> <h1>订单</h1> <ul> <li>配送至：<?php echo $_POST["address"];?></li> <!-- 显示商品信息、商品总量和商品总价--> </ul> <?php foreach($order as $key => $value):?> <li><?php echo $value['name'];?> <span>￥<?php echo $value['price'];?></span> <span>x<?php echo $value['num'];?></span> </li> <?php endforeach;?> <li>总共<?php echo $num?>件</li> <li>合计￥<?php echo $sum;?></li> </body> </html> 请给我检查错误
最新发布
05-31
<script type="text/javascript" src="js/script.js"></script> </head> <body> <h1>订单</h1> <ul> <li>配送至：<?php echo $_POST["address"];?></li> <?php // 获取订单信息 $order = array( array('name' ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值