按照惯例，所有script>元素都应该放在页面的head>元素中，这种做法的目的就是把所有外部文件(包指CSS文件和JavaScript文件)的引用都放在相同的地方。下面学步园小编来讲解下JS的script标签放置位置在哪里?
JS的script标签放置位置在哪里
html>
head>
title>ExampleHTMLPage/title>
scripttype="text/javascript"src="example1.js">/script>
scripttype="text/javascript"src="exarnple2.js">/script>
/head>
body>
!--这里放置内容-->
/body>
/html>
这种做法的目的就是把所有外部文件(包指CSS文件和JavaScript文件)的引用都放在相同的地方。可是，在文挡的head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容(浏览器在遇到body>标签时才开始呈现内容)。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代Web应用程序一般都把全部JavaScript引用放在body>元索中，放在页面的内容后面。如下例所示：
html>
head>
JS的script标签放置位置在哪里
title>ExampleHTMLPage/title>
/head>
body>
!--这里放置内容-->
scripttype="text/javascript"src="example1.js">/script>
scripttype="text/javascript"src="example2.js">/script>
/body>
/htrnl>
这样，在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
以上就是关于“JS的script标签放置位置在哪里”的内容，希望对大家有用。更多资讯请关注学步园。学步园，您学习IT技术的优质平台!