javascript代碼加載優(yōu)化方法
更新時間：2011年01月30日 01:12:26 作者：
給你的網(wǎng)站加上代碼統(tǒng)計!常用的方法是直接加統(tǒng)計代碼到網(wǎng)頁,但你的網(wǎng)頁數(shù)量很多呢?
下面我們通過這個例子介紹1個更簡單的方法:
我們用將統(tǒng)計代碼保存到1個文件:文件路徑:/config/counter.conf
統(tǒng)計代碼如下:
<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將文件內(nèi)容讀出來,代碼將不詳細(xì)列出
我們需要一個頁面來輸出這段javascript代碼:
頁面:/do.ashx?args=GetCounter
string code = "讀取到的統(tǒng)計代碼";
code = Regex.Replace(code, "[\']","\"");
code = Regex.Replace(code, "[\n\r]", "");
context.Response.Write("document.write('"+code+"');");
這樣就能將輸出的javascript添加到頁面實現(xiàn)統(tǒng)計功能了!
我們只需在網(wǎng)頁都引用的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);
大功告成,統(tǒng)計代碼不會顯示在你的網(wǎng)頁中,但事實上卻已經(jīng)加載到了你的網(wǎng)頁！
我們用將統(tǒng)計代碼保存到1個文件:文件路徑:/config/counter.conf
統(tǒng)計代碼如下:
復(fù)制代碼 代碼如下:
<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將文件內(nèi)容讀出來,代碼將不詳細(xì)列出
我們需要一個頁面來輸出這段javascript代碼:
頁面:/do.ashx?args=GetCounter
復(fù)制代碼 代碼如下:
string code = "讀取到的統(tǒng)計代碼";
code = Regex.Replace(code, "[\']","\"");
code = Regex.Replace(code, "[\n\r]", "");
context.Response.Write("document.write('"+code+"');");
這樣就能將輸出的javascript添加到頁面實現(xiàn)統(tǒng)計功能了!
我們只需在網(wǎng)頁都引用的javascript文件中添加如下代碼:
復(fù)制代碼 代碼如下:
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);
大功告成,統(tǒng)計代碼不會顯示在你的網(wǎng)頁中,但事實上卻已經(jīng)加載到了你的網(wǎng)頁！
相關(guān)文章
這篇文章主要跟大家分享了一次圍繞setTimeout展開的前端面試經(jīng)驗，是一篇有意思的圍繞setTimeout展開的前端開發(fā)考題，考察了for循環(huán)、定時器setTimeout()、JavaScript閉包、匿名函數(shù)和Promise等，一不小心你可能就會做錯，快來看看你有沒有掌握了上面的知識。2017-06-06
所有瀏覽器都支持該功能IE瀏覽器不能低于IE10.整個CORS通信過程都是瀏覽器自動完成不需要用戶參與。對于開發(fā)者來說CORS通信與同源的AJAX通信沒有差別代碼完全一樣瀏覽器一旦發(fā)現(xiàn)AJAX請求跨源就會自動添加一些附加的頭信息有時還會多出一次附加的請求，但用戶不會有感覺。2016-04-04
JavaScript利用正則表達(dá)式去除日期中的“-”
第一種，將日期字符串先截取，然后拼接；第二種，就是利用正則表達(dá)式去掉“-”本例選擇第二種，比較快捷不容易出錯2014-07-07
重寫URL機(jī)制：為了保證一個url的地址唯一，可每次向服務(wù)器傳遞的參數(shù)不一樣即可。此處在實現(xiàn)驗證碼的換一張的功能時，就是利用了改變參數(shù)列表的值進(jìn)行刷新。具體詳細(xì)代碼大家參考下本文2017-08-08
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)隨機(jī)8位驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)淘寶瀏覽商品放大鏡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
純JS開發(fā)baguetteBox.js響應(yīng)式畫廊插件
這篇文章主要介紹了純JS開發(fā)baguetteBox.js響應(yīng)式畫廊插件,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實例，具有很好的參考價值，一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
詳解JavaScript中原始數(shù)據(jù)類型Symbol的使用
Symbol是es6引入的一個新的原始數(shù)據(jù)類型，是一個獨一無二的值。這篇文章主要為大家介紹了JavaScript中原始數(shù)據(jù)類型Symbol的使用，感興趣的可以了解一下2023-02-02
Javascript 模擬mvc實現(xiàn)點餐程序案例詳解
這篇文章主要介紹了Javascript 模擬mvc實現(xiàn)點餐程序案例詳解,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12