php - 将 javascript 放入文件和脚本标记中有什么区别？

Question

HTML 文件中的以下两个代码有什么区别？如果我在包含 abc.js 之后再添加一个 javascript 文件 xyz.js，在使用脚本时是否有任何关联的优先级？

第一个代码:

<script src="js/abc.js" type="text/javascript" language="javascript"> </script>

第二个代码:

<script language="javascript">
        /*same code of abc.js*/ 
</script

Answer 1

主要区别在于 javascript 文件可以由浏览器和网络设备缓存，因此用户不必在每次加载页面时都下载它。

因此，如果您有 100k 的 javascript 文件，您的访问者只需下载一次。否则，他们必须在每次页面加载和访问时下载同样的 100k。

这也适用于内联和外部 CSS 和图像!!

当然这只是缓存和浏览器性能的冰山一 Angular (史蒂夫的书是网络“圣经”之一):

http://yuiblog.com/blog/2006/11/28/performance-research-part-1/

http://www.yuiblog.com/blog/2007/01/04/performance-research-part-2/

http://www.stevesouders.com/