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 相关文章推荐
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 Javascript
jquery下操作HTML控件的实现代码
Jan 12 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
手把手带你封装一个vue component第三方库
Feb 14 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
Vue设置长时间未操作登录自动到期返回登录页
Jan 22 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基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
Python数组定义方法
2016/04/13 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
浅谈python3中input输入的使用
2019/08/02 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
AmazeUI 缩略图的实现示例
2020/08/18 HTML / CSS
中学生学习生活的自我评价
2013/10/26 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
幼儿园教师教学反思
2014/02/06 职场文书
公司请假条格式
2014/04/11 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
2014年纳税评估工作总结
2014/12/23 职场文书
个人求职意向书
2015/05/11 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
python微信智能AI机器人实现多种支付方式
2022/04/12 Python