javascript代码加载优化方法


Posted in Javascript onJanuary 30, 2011

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

大功告成,统计代码不会显示在你的网页中,但事实上却已经加载到了你的网页!
Javascript 相关文章推荐
jquery图片放大镜功能的实例代码
Mar 26 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
js中的json对象详细介绍
Oct 29 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
基于iScroll实现下拉刷新和上滑加载效果
Jul 18 Javascript
浅谈手写node可读流之流动模式
Jun 01 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
基于Vue中的父子传值问题解决
Jul 27 Javascript
JavaScript中layim之整合右键菜单的示例代码
Feb 06 Javascript
javascript使用activex控件的代码
Jan 27 #Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 #Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 #Javascript
JavaScript 注册事件代码
Jan 27 #Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 #Javascript
EXT窗口Window及对话框MessageBox
Jan 27 #Javascript
基于jquery的表头固定的若干方法
Jan 27 #Javascript
You might like
PHP动态图像的创建
2006/10/09 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
python win32 简单操作方法
2017/05/25 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
浅谈python写入大量文件的问题
2018/11/09 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
美国钻石商店:Zales
2016/11/20 全球购物
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
委托证明书
2014/09/17 职场文书
大学生助学金感谢信
2015/01/21 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
SpringDataJPA在Entity中常用的注解介绍
2021/12/06 Java/Android
JS setTimeout与setInterval的区别
2022/04/20 Javascript