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. git remote branch操作

    将本地branch basic提交到remote的basic上: git push origin basic:basic 将remote的 basic branch更新到本地的 basic branc ...

  2. ESLint:can not ESLint annotation...

    刚开始用webstorm开发VUE,提示这个东西: 安装一个npm库就可以了 命令行执行:npm install eslint -g

  3. ES6 对象扩展

    1.属性和变量可以简写 let birth = '2000/01/01'; const Person = { name: '张三', //等同于birth: birth birth, // 等同于he ...

  4. javascript-使用el表达式获取后台传递的数据

      js获取后台数据 CreateTime--2017年5月26日16:14:14Author:Marydon 在js中使用el表达式的前提是:HTML引用js使用内联方式(即在JSP页面内部使用js ...

  5. eclipse下的tomcat内存设置大小（转）

    步骤: 1.点击Run 2.选择Run Configurations, 3.系统弹出设置tomcat配置页面,在Argument中末尾添加参数中的VM arguments中追加: -Xms256M - ...

  6. SQL数据表插入随机数(转)

    declare @T TABLE (id int identity(1,1),[Name] nvarchar(20), Randnum int) insert @T ([Name]) select ' ...

  7. Ffmpeg 视频教程 向视频中添加文字

    Ffmpeg支持添加文字功能,具体如何将文字叠加到视频中的每一张图片,FFmpeg调用了文字库FreeSerif.ttf.当我们 用到ffmpeg 添加文字功能时 我们需要先下载改文字库,下载地址是h ...

  8. android:imeOptions属性

    imeOptions软键盘setOnEditorActionListener  默认情况下软键盘右下角的按钮为“下一个”,点击会到下一个输入框,保持软键盘 设置 android:imeOptions= ...

  9. laravel 访问不存在的路由跳转问题！(异常处理)

    1.如果你只是想抛出404错误,debug开关可以满足你: 理论上你把 debug 关了,线上环境是会自动到 404 的. 是想要「跳转到 404 页」还是「显示 404 页」?如果是要跳转的话,请配 ...

  10. Mysql各种类型字段长度

    1.数值类型 列类型 需要的存储量 TINYINT 1 字节 SMALLINT 2 个字节 MEDIUMINT 3 个字节 INT 4 个字节 INTEGER 4 个字节 BIGINT 8 个字节 F ...