0

我只是好奇在标头中使用带有脚本和样式标签的（缩小版本的）javascript和css与通过指向css的链接和指向javascript的脚本将它们从单独的文档中包含它们是否有任何优势？

由于会有额外的页面请求，理论上不是第二种方式增加了页面加载时间吗？

所以这： 

<head>

    <script>
        //Javascript
    </script>
    <style>
        //Css
    </style>

</head>

<body>
    //Content Here
</body>

</html>

与此： 

<head>

    <script src='http://someJavascript.com/link/to/file.js' type='text/javascript'></script>
    <link href='http://someCSS.com/link/to/file.css' rel='stylesheet'>

</head>

<body>
    //Content Here
</body>

</html>
4

3 回答 3

1

优点主要是模块化。如果您在多个文件中使用相同的 JS 或 CSS，最好将它们保存在一个位置。这样，如果您对它们进行更改，则不必更新所有文件，只需在一个地方更新即可。

但是如果 JS 或 CSS 是特定于特定文件的，那么您不妨将它们直接放在文件中，而不是强制单独请求。

于 2014-01-10T01:52:12.957 回答
0

我通常会内联编写脚本或样式，但如果您想要多个不同的 HTML 文件（例如，网站上所有页面的相同样式表），远程加载它很有用。加载时间会增加一点，但除非您期望获得数千个页面加载，否则它非常少。你的“header”标签也应该是“head”标签。

于 2014-01-10T01:50:16.457 回答
0

将 JavaScript 和 CSS 放在单独的文件中允许浏览器和代理缓存它们 - 因此如果页面的主要部分是动态生成的，则只有更改的内容会在重新加载时重新下载。

于 2014-01-10T01:54:10.437 回答