js代码放在head标签与放在body标签的区别
2017-02-10 13:54
525 查看
在HTML body部分中的JavaScript会在页面加载的时候被执行。
在HTML
head部分中的JavaScripts会在被调用的时候才执行。
javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。
比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。因而除了部分需要在网页中输出内容、调整显示的JavaScript必须放在<head></head>之间,
一般的JavaScript放在<head></head>和放在<body></body>之间从执行结果来看是没有区别的,但是有如下的经验规则:
1.当JavaScript要在页面加载过程中动态建立一些Web页面的内容时,应将JavaScript放在body中。
2.定义为函数并用于页面事件的JavaScript应当放在head标记中,因为它会在body之前加载。
采用这种方法,页面就不会被脚本搞得一团糟,易于阅读,在每个页面中,总可以在同一个位置找到脚本。
在HTML
head部分中的JavaScripts会在被调用的时候才执行。
javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。
比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。因而除了部分需要在网页中输出内容、调整显示的JavaScript必须放在<head></head>之间,
一般的JavaScript放在<head></head>和放在<body></body>之间从执行结果来看是没有区别的,但是有如下的经验规则:
1.当JavaScript要在页面加载过程中动态建立一些Web页面的内容时,应将JavaScript放在body中。
2.定义为函数并用于页面事件的JavaScript应当放在head标记中,因为它会在body之前加载。
采用这种方法,页面就不会被脚本搞得一团糟,易于阅读,在每个页面中,总可以在同一个位置找到脚本。
相关文章推荐
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别分析
- js代码放在head和body的区别
- JS代码放在head和body中的区别: 放在head中的JS代码会在页面加载完成之前就读取,而放在body中的JS代码,会在整个页面加载完成之后读取。
- JS代码放在head和body中有区别吗?
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别
- JS代码放在head和body中的区别分析
- JS代码放在head和body中的区别
- JS代码放在head和body中的区别分析
- js代码放在head与body中的区别
- JS代码放在head和body中的区别分析
- 将js代码放到<head>标签和放到<body>标签里的区别
- JS代码放在head和body的区别
- JS放在head和放在body中的区别
- JS放在head和放在body中的区别
- JS放在head中和放在body中的区别
- 页面标签<head></head>之间与<body></body>之间放JS有区别吗?
- 关于JS的window.onload与$(function (){})方法区别,JS放在head和Body的区别