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 $.ajax入门应用二
Nov 19 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 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 字符串替换的方法
2012/01/10 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
关于访问控制的一首PHP面试题(对属性或方法的访问控制)
2012/09/13 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
Python中使用动态变量名的方法
2014/05/06 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
Python定义一个跨越多行的字符串的多种方法小结
2018/07/19 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
捷克体育用品购物网站:D-sport
2017/12/28 全球购物
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
办公经费申请报告
2015/05/15 职场文书
教师节领导致辞
2015/07/29 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL