javascript代碼載入最佳化方法

下面我們通過這個例子介紹1個更簡單的方法:

我們用將統計代碼儲存到1個檔案:檔案路徑:/config/counter.conf

統計代碼如下: 複製代碼 代碼如下:<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18744406-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga,s);
})();

</script>

我們用StreamReader將檔案內容讀出來,代碼將不詳細列出

我們需要一個頁面來輸出這段javascript代碼:

頁面:/do.ashx?args=GetCounter 複製代碼 代碼如下:string code = "讀取到的統計代碼";
code = Regex.Replace(code, "[\']","\"");
code = Regex.Replace(code, "[\n\r]", "");
context.Response.Write("document.write('"+code+"');");

這樣就能將輸出的javascript添加到頁面實現統計功能了!

我們只需在網頁都引用的javascript檔案中添加如下代碼: 複製代碼 代碼如下:var _s=document.createElement('script');
_s.type='text/javascript';
_s.src='/do.ashx?args=GetCounter';
var _fs=document.getElementsByTagName("script")[0];
_fs.parentNode.insertBefore(_s,_fs);

大功告成,統計代碼不會顯示在你的網頁中,但事實上卻已經載入到了你的網頁！