javascript标签在页面中的位置探讨_基础知识-js tutoriel-php.cn

javascript标签在页面中的位置探讨_基础知识

WBOY

Libérer： 2016-05-16 17:37:23

original

991 Les gens l'ont consulté

在制作网页的过程中，我们经常写类似下面的代码：
[html]

 
Example HTML Page 
 
Example HTML Page

按照惯例，所有的<script>元素都应该放在页面的<head>元素中。请注意：无论引用几个外部js文件，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，然后才是第三个、第四个... <BR>这种做法的目的就是把所有外部文件（包括CSS文件和JavaScript文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口将是一片空白。为了避免这个问题，现代Web应用程序一般都会把全部JavaScript引用放在<body>元素中，放在页面的内容后面，如下所示： <BR>[html] <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="92026" class="copybut" id="copybut92026" onclick="doCopy('code92026')"><U>复制代码代码如下:<div class="codebody" id="code92026"> <BR><html> <BR><head> <BR><title>Example HTML Page <BR> <BR><body> <BR> <BR><script type="text/javascript" src="example1.js"></script>