2013-01-07 122 views
1

我看很多劇本以不同的方式添加JavaScript到他們的網頁,我試圖找出正確的方式去做。例如,在我用它的PHP腳本之一的頭有這樣的:如何添加JavaScript到PHP頁面

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

<script type="text/javascript"> 
var stuff = "file.php";           
var ip_add = '32.42.42.442'; 
</script> 

我不明白的是,爲什麼你會永遠放在頭完整的javascript代碼,而不是僅僅包括其內一份文件。例如,爲何不動的JavaScript提及到它自己的文件,只是正好利用這個在您的標題:

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

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

是否有某些時候你應該只是鏈接到的網頁的源文件顯示,而不是完整的javascript它在自己的JavaScript文件?

回答

4

我不明白的是爲什麼你會在標題中放入完整的JavaScript代碼,而不是將其包含在文件中。

它需要緩存。這是一個長期的懲罰。那影響取決於多久腳本會被瀏覽器

這樣可以節省你的HTTP請求中使用。這是一個短期獎金。它首先加載腳本時可以節省一些時間。

這與PHP無關。它適用於任何HTML文檔。

0

其中一些是「遺產」。在某一時刻,您必須將<script>標記放入標記的<head>部分,所以這就是大多數示例所說的內容。

如果您添加一個src對外部文件的引用,您可以重新使用腳本作爲其他頁面上的資源來調用此文件。如果您在整個地方使用相同的腳本,請將其放入「js」目錄,並且瀏覽器每次都不會獲取新副本。 這有助於帶寬

但是,如果您添加的原始腳本到您的網頁,整個頁面(減去圖像和其他「嵌入」內容)會在一個線程到達。 這有助於加載時間

除非你希望在很短的時間空間10,000瀏覽量,我不會太擔心兩種方式。

哦,還有一件事要考慮:http://developer.yahoo.com/performance/rules.html#js_bottom - 爲什麼你應該把你的腳本放在你的文檔的底部

0

我完全同意@Quentin。此外,我建議將腳本放在單獨的.js文件中,並將其包含在內 - 由於結構原因 - 不僅在大型項目中。

一兩件事,可能會導致你把JS代碼到PHP文件但可能是,如果你需要使用PHP來生成代碼,或者如果你想使用的信息是如從數據庫中直接拉出這樣的:

<?php 
    $foo = getSomeInformation(); 
?> 

<script type="text/javascript"> 
    var someVar = <?=$foo?>; 
</script>