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