javascript标签在页面中的位置探讨(js设置标签内容)

编辑：rootadmin

在制作网页的过程中，我们经常写类似下面的代码： [html] 按照惯例，所有的<script>元素都应该放在页面的<head>元素中。请注意：无论引用几个外部js文件，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，然后才是第三个、第四个... 这种做法的目的就是把所有外部文件（包括CSS文件和JavaScript文件）的引用都放在相同的地方。可是，在文档的<head>元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口将是一片空白。为了避免这个问题，现代Web应用程序一般都会把全部JavaScript引用放在<body>元素中，放在页面的内容后面，如下所示： [html] 这样，在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。或者也可以使用<script>标签的defer属性表明脚本在执行时不会影响页面的构造，即脚本会被延迟到整个页面都解析完毕后再运行，代码如下： [html] 上述两种写法的实际效果是一样的。但是，并非所有的浏览器都支持defer属性，有些浏览器会忽略这个属性，不延迟脚本的执行。

推荐整理分享javascript标签在页面中的位置探讨(js设置标签内容)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript script标签,js设置标签内容,javascript script标签,js如何在标签下添加标签,javascript 标签,javascript 标签,js设置标签内容,javascript 标签函数,内容如对您有帮助，希望把文章链接给更多的朋友！

JavaScript在XHTML中的用法详解编写XHTML代码的规则要比编写HTML要严格得多，类似下面的代码在HTML中是有效的，但在XHTML中则是无效的。[javascript]scripttype="text/javascript"functioncompare(a,b){i

Js中setTimeout()和setInterval() 何时被调用执行的用法定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定

关于JavaScript与HTML的交互事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事