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);
大功告成,统计代码不会显示在你的网页中,但事实上却已经加载到了你的网页！
我们用将统计代码保存到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);
大功告成,统计代码不会显示在你的网页中,但事实上却已经加载到了你的网页！
相关文章
这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验，是一篇有意思的围绕setTimeout展开的前端开发考题，考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等，一不小心你可能就会做错，快来看看你有没有掌握了上面的知识。2017-06-06
所有浏览器都支持该功能IE浏览器不能低于IE10.整个CORS通信过程都是浏览器自动完成不需要用户参与。对于开发者来说CORS通信与同源的AJAX通信没有差别代码完全一样浏览器一旦发现AJAX请求跨源就会自动添加一些附加的头信息有时还会多出一次附加的请求，但用户不会有感觉。2016-04-04
第一种，将日期字符串先截取，然后拼接；第二种，就是利用正则表达式去掉“-”本例选择第二种，比较快捷不容易出错2014-07-07
重写URL机制：为了保证一个url的地址唯一，可每次向服务器传递的参数不一样即可。此处在实现验证码的换一张的功能时，就是利用了改变参数列表的值进行刷新。具体详细代码大家参考下本文2017-08-08
这篇文章主要为大家详细介绍了js实现随机8位验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要为大家详细介绍了js实现淘宝浏览商品放大镜功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要介绍了纯JS开发baguetteBox.js响应式画廊插件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
下面小编就为大家分享一篇图片加载完成再执行事件的实例，具有很好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
Symbol是es6引入的一个新的原始数据类型，是一个独一无二的值。这篇文章主要为大家介绍了JavaScript中原始数据类型Symbol的使用，感兴趣的可以了解一下2023-02-02
这篇文章主要介绍了Javascript 模拟mvc实现点餐程序案例详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-12-12
最新评论