javascript代码加载优化方法

更新时间：2011年01月30日 01:12:26 作者：

给你的网站加上代码统计!常用的方法是直接加统计代码到网页,但你的网页数量很多呢?

下面我们通过这个例子介绍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); 

大功告成,统计代码不会显示在你的网页中,但事实上却已经加载到了你的网页！

您可能感兴趣的文章:

js+html5实现手机九宫格密码解锁功能
这篇文章主要为大家详细介绍了js+html5实现手机九宫格密码解锁功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-07-07
js精确的加减乘除实例
下面小编就为大家带来一篇js精确的加减乘除实例，具有非常好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧
2017-11-11
js对数字的格式化使用说明
Javascript也提供了对数字进行格式化输出的支持，需要的朋友可以参考下。
2011-01-01
JS自定义对象创建与简单使用方法示例
这篇文章主要介绍了JS自定义对象创建与简单使用方法,结合实例形式分析了JavaScript创建与使用自定义对象的相关操作技巧,需要的朋友可以参考下
2020-01-01
微信小程序实现购物车代码实例详解
这篇文章主要介绍了微信小程序实现购物车代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
js实现验证码功能
这篇文章主要为大家详细介绍了js实现验证码功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-07-07
如何在TypeScript中处理日期字符串
这篇文章主要介绍了如何在TypeScript中处理日期字符串，主要通过输入日期字符串来改善开发者的体验并减少潜在的错误，下文实现操作的分享需要的小伙伴可以参考一下
2022-04-04
学习javascript面向对象理解javascript原型和原型链
这篇文章主要介绍了javascript原型和原型链，学习javascript面向对象，感兴趣的小伙伴们可以参考一下
2016-01-01
快速排序 php与javascript的不同之处
告诉你一个排序算法，也许是最重要的是他们知道 - 快速排序，无论是在PHP和JavaScript实现的。虽然这两种语言之间的代码看起来相似，也有一些差异，这表明了语法知识的重要性！
2011-02-02
微信小程序自定义组件传值页面和组件相互传数据操作示例
这篇文章主要介绍了微信小程序自定义组件传值页面和组件相互传数据操作,结合实例形式分析了微信小程序常见传值操作相关实现技巧,需要的朋友可以参考下
2019-05-05