http://jadyyang.blog.sohu.com/145340845.html

————————————————————————————————————————————————————————————————

白社会里有自己的PV系统，同时也在使用sohu统一的PV系统，但数据显示白社会的PV数总是比统一的少。如果从发送先后顺序上来讲，白社会的在 统一的之前，理论上应该更多才对。原因找了很多，包括代码实现方法、加载机制、加载顺序、加载内容、南北方等，做了很多测试都没有发现问题的根源。其中我 们使用了一个我们认为最好的发送形式，在页面的header上直接输出一段js，其直接发送pv代码；而sohu统一的代码放在页面的最尾部，而且是 0.5秒后去加载这个pv.js，加载完之后再发送pv（统一的代码一直是这样的发送形式）。即使这样，很多页面的pv数还是比统一的少了10%，很多次 我都认为上帝是真的存在的。之前也考虑过是否是js写的有问题，出错了导致发送不出来，但是发送的代码实在是太简单了。

最终我们做了一个测试，很土的方法，在发送PV的地方，加入了很多变量，用于检测代码执行到了哪一步，然后在页面最尾部把这些信息发送到服务器端，看看这 么简单的js哪里出问题了。在最终的log中，终于发现了蛛丝马迹。首先是有问题的那些记录，都是ie，其中ie6占据了90%，ie7占据了将近 10%，只有很少量的是ie8（但浏览器额使用记录上ie6:ie7:ie8应该是4:2:4）；这些ie6绝大部分都是xp sp2操作系统；发送PV的方法确实会意外中断。

于是又增加了一些检测，在pv方法上加了一个try catch，然后把错误信息记录下来。日志上显示，发生错误都是一个原因：没有权限（Permission denied）。从网上查了一下，没有权限实在是一个太常见的提示，微软自己都提供了很多更新来解决本不应该出现的“没有权限”问题。很难讲那些10%的 用户是没有安装哪个补丁导致的问题。

PV代码很简单，如下：

    (function() {
        var a = [], n = document.createElement('script');
        a.push('url=' + encodeURIComponent(location.href));
        a.push('referrer=' + encodeURIComponent(document.referrer));
        n.src = '....pv.gif';
        document.getElementsByTagName('head')[0].appendChild(n);
    })();
    最有可能没有权限的代码就是location，因为之前也遇到过跨域时使用location提示没有权限的问题，因此缩小了范围，把代码改成了：
    (function() {
        var a = [], n = document.createElement('script');
        try {
            a.push('url=' + encodeURIComponent(location.href));
        } catch (e) {
            setTimeout(arguments.callee, 0);
            return;
        }
        a.push('referrer=' + encodeURIComponent(document.referrer));
        n.src = '....pv.gif';
        document.getElementsByTagName('head')[0].appendChild(n);
    })();
    这 样修改，数据正常了，问题解决了，但缺没有合理的解释，为啥这样使用location会提示没有权限。可能我们的代码有些特殊，上面这段js是放在一个 script标签上，这个标签的最开始还有一段别的代码（当然也很简单），其中会设置一下document.domain，但是设置的 document.domain就是当前的这个域，而且这个标签放在head标签的最开始，没有什么iframe和 script标签，因此也不会出现多重设置域的问题，理论上也不会出错。现在的整个片段是这样的：
<head>
<script type="text/javascript">
    document.domain = 'bai.sohu.com';
    ...  //  简单代码

    (function() {
        var a = [], n = document.createElement('script');
        try {
            a.push('url=' + encodeURIComponent(location.href));
        } catch (e) {
            setTimeout(arguments.callee, 0);
            return;
        }
        a.push('referrer=' + encodeURIComponent(document.referrer));
        n.src = '....pv.gif';
        document.getElementsByTagName('head')[0].appendChild(n);
    })();
</script>

    这是啥问题？只能说这是ie的bug，成因为：
    1. 代码都在一个script中，并且在一个队列中执行
    2. 之前会设置document.domain，并且等于当前的域
    3. 后面的代码会使用location对象
    如果具备这些条件，那在某些ie下，会报“没有权限”的错误。

有两个解决方法：
    1. 使用location时进行try catch，如果发现是没有权限的问题，可以把代码放到下一个执行队列中（setTimeout）
    2. 直接放到两个独立的script标签上，一个上设置document.domain，一个是使用location，这样应该也能解决（是根据上面的理论得出，没有经过测试）

IE下使用location对象有时会出现“没有权限”的错误的更多相关文章

  1. 使用Location对象查询字符串参数

    location是BOM中最有用的对象之一: 1.它提供了与当前窗口中加载的文档有关的信息: 2.他还提供了一些导航功能. location对象的属性有: hash, host, hostname, ...

  2. BOM之location对象

    定义 location提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能.location是一个很特别的对象,因为它既是window对象的属性,也是document对象的属性.换句话说,wi ...

  3. Location对象、History对象

    Location对象: Window对象的location属性引用的是Location对象,它表示窗口中当前显示的内容的URL,Document对象的location属性也引用Location对象,w ...

  4. JavaScript window.location对象

    JavaScript window.location对象   示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b. ...

  5. Javascript的location对象

    JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a. ...

  6. Js之Location对象

    Window对象的location属性引用的是Location对象,它表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入新的文档.Document对象的location属性也引用到Locat ...

  7. javascript深入之location对象和history对象

    浏览器的location 和history对象: 一.location对象: 1>location.reload() 相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键. ...

  8. location对象的属性和方法应用(解析URL)

    本文将与大家分享下location对象使用属性和方法来解析URL的实例,感兴趣的朋友可以参考下,希望对你有所帮助   location对象提供了很多属性和方法用来解析URL. 复制代码代码如下: &l ...

  9. History对象和location对象

    history对象 History对象包含用户在浏览器窗口中访问过的url.不是所有浏览器都支持该对象. 属性length   返回浏览器历史列表中的URL数量. 方法:back() 加载histor ...

随机推荐

  1. 超棒的JS移动设备滑动内容幻灯实现 - Swiper

    来源:GBin1.com 在线演示 如果你需要一款帮助你实现手机或者移动设备上内容幻灯实现的JS类库的话 , Swiper是一个不错的选择,它不依赖于任何第三方的类库.因此体积非常小,适合运行在移动设 ...

  2. vue - webpack.dev.conf.js for node-portfinder

    描述:获取当前可用的port. (vue-cli配置好了,一旦端口被占用,报错,再次运行时会打开:8080+1,依次类推...8080+n) 官网地址:https://www.npmjs.com/pa ...

  3. 细数Python的特殊方法一：集合类

    1. 特殊方法汇总列表     2. 仿集合类 __len__:返回对象的长度 __getitem__:获得某一项的值 __setitem__:设置莫一项的值 __delitem__删除某一项 __c ...

  4. Android BaseAdapter和ViewHolder 优化 解决ListView的item抢焦点问题和item错乱问题

    首先赞下hyman大神 曾经仅仅是简单的重写个BaseAdapter,将getView方法保持抽象.而ViewHolder没有抽象过. .. ViewHolder (用了一个集合+泛型管理存取view ...

  5. 网站缓存技术（Redis、Memcached、Ehcache）

    Redis 是什么? 通常而言目前的数据库分类有几种,包括 SQL/NSQL,,关系数据库,键值数据库等等等. 分类的标准也不一,Redis本质上也是一种键值数据库的,但它在保持键值数据库简单快捷特点 ...

  6. C++实现对数学基本运算表达式的解析

    代码地址如下:http://www.demodashi.com/demo/11078.html 前段时间在LeetCode上刷题,遇到了很多涉及对字符串进行解析的题目.可能是出于这个原因,最近迷恋上了 ...

  7. 登录首页时报错：java.lang.IllegalArgumentException （不合法的参数异常）

    处理一个老项目,DOWN下项目并配好之后,启动没问题,但是登陆之后首页显示如下: 控制台报错如下: 严重: Servlet.service() for servlet jsp threw except ...

  8. Python-Mac OS X EI Capitan下安装Scrapy

    sudo pip install scrapy --ignore-installed six #sudo pip install scrapy --upgrade --ignore-installed ...

  9. Arm Cache学习总结

    cache,高速缓存,其原始意义是指访问速度比一般随机存取内存(RAM)快的一种RAM,通常它不像系统主存那样使用DRAM技术,而使用昂贵但较快速的SRAM技术. 1.cache映射方式 cache中 ...

  10. centos7 安装php 多线程pthreads

    第一步:yum源更新 yum update 第二步:下载php7源码 wget http://124.202.164.8/files/312100000A0BB72D/cn.php.net/distr ...