为什么require.js进入head标签

why does require.js go inside head tag

本文关键字：head 标签 进入 js require 为什么      更新时间：2023-09-26

根据雅虎开发者网络等许多来源的说法，javascript位于页面底部，因此网页内容将在加载javascript之前显示。在head标记中放入对require.js的调用是否会使浏览器在显示页面之前等待脚本完成加载？

<head>
<title>My Sample Project</title>
<script data-main="scripts/main" src="scripts/require.js"></script>
</head>

答案有点复杂；它可以进入页面的<head>或<body>，具体取决于使用require.js需要什么。从逻辑上讲，某些操作需要在加载内容之前进行，但大多数操作都乐于等待。

在页面加载之前需要发生的事情的一个例子是像LESS这样的css预处理器，它显然需要在<head>中运行（实际上，它可能应该被预编译并用作静态css，但它是一个很好的例子）-另一个例子将是JavaScript模板系统或某种客户端MVC系统，如ember.js

对于基本的表示JavaScript，通常将其包含在页面底部是安全的。

答案是肯定的。head标记中的所有脚本都是一样的。脚本块并行下载，一旦页面执行完毕，浏览器就会继续渲染页面。

它取决于javascript文件的内容，何时执行。

例如

<script>
  function load() {
    alert("load event!");
  }
  window.onload = load;
</script>

页面加载后将显示消息框。

相关文章：