将 javascript 放入文件和脚本标记中有何区别?

Sum*_*pta 5 html javascript php web

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

第一个代码:

<script src="js/abc.js" type="text/javascript" language="javascript"> </script>
Run Code Online (Sandbox Code Playgroud)

第二个代码:

<script language="javascript">
        /*same code of abc.js*/ 
</script
Run Code Online (Sandbox Code Playgroud)

Pau*_*lRe 3

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

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

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

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

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/