美高梅平台下载-美高梅娱乐平台登录

热门关键词: 美高梅平台下载,美高梅娱乐平台登录

会对元素的背景图进行重新请求,获取当前脚本

日期:2020-02-05编辑作者:美高梅娱乐平台登录

今天在优化网站交易区的页面的时候发现在IE6下面加载好慢,找了半天多没找到原因,后来发现有一张图被加载了很多次,后来在taobao UED找到了解决方法。

JS获取当前脚本文件的绝对路径,js获取当前绝对路径

 当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧!

一、各大浏览器的实现方式                

 [a]. Chrome和FF

 超简单的一句足矣!

var getCurrAbsPath = function(){
 return document.currentScript.src;
};

这里利用了对象 document.currentScript ,它返回的是当前执行的script元素;然后调用script元素的src属性即可获取脚本文件的绝对路径。

  [b]. IE10+、Safari和Opera9

 利用Error对象的stack属性(IE10+)、sourceURL属性(Safari)和stacktrace属性(Opera9)萃取绝对路径

var getCurrAbsPath = function(){
  var a = {}, stack;
  try{
   a.b();
  }
  catch(e){
   stack = e.stack || e.sourceURL || e.stacktrace; 
  }
  var rExtractUri = /(?:http|https|file)://.*?/.+?.js/, 
    absPath = rExtractUri.exec(stack);
  return absPath[0] || '';
}; 

  [C]. IE5.5~9

 遍历文档中的script标签

var getCurrAbsPath = function(){
  var scripts = document.scripts;
  var isLt8 = ('' + document.querySelector).indexOf('[native code]') === -1;
  for (var i = scripts.length - 1, script; script = scripts[i--];){
    if (script.readyState === 'interative'){
     return isLt8 ? script.getAttribute('src', 4) : script.src;  
    }
  }
};

二、相关知识介绍                      

IE5.5~9下script的readyState表示该script元素的状态,分别有以下的状态值:

uninitialized:未初始化

loading:正在加载

loaded:加载完成

interative:执行中

complete:执行完

可通过订阅onreadystatechange事件来监听script元素状态的变化。但不幸的是loaded和complete状态并出现顺序不定且有可能仅出现其中一个,因此建议在动态添加script元素时,先设置src属性后再将script元素添加到DOM树中,这样loaded和complete状态仅会出现其中一个(虽然每次请求时,哪个出现是不定的),比较好监测。

 三、IE和FF下的另一种方式                

 通过订阅 window.onerror 事件,事件处理函数将接受三个参数,分别是msg,url和num。这里url就是当前脚本的绝对路径了。

以上就是本文的全部内容,希望对大家的学习有所帮助。

So,这里的结论是:FF/OP/CM下可以用object预加载,IE就千万别用了。3、测试用iframe预加载

解决方法:

您可能感兴趣的文章:

  • jsp下显示中文文件名及绝对路径下的图片解决方法
  • javascript将相对路径转绝对路径示例
  • jsp文件绝对路径的设置方法
  • JS取得绝对路径的实现代码
  • Javascript中使用A标签获取当前目录的绝对路径方法

当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,...

'); // 用于测试 //ifmDoc.write'); // 用于测试 //ifmDoc.write('');// 用于测试 // 开始加载 ifmDoc.write(''); ifmDoc.write('

2、此时JS对多个Image元素设置同一src,此src会被请求多次

先创建页面a.html,然后加上下面的js。复制代码 代码如下: var doc = document, ifm = doc.createElement; //ifm.; // ifm.style.border = ifm.width = ifm.height = 0; ifm.style.cssText = 'position:absolute;top:-10px;border:0;width:1px;height:1px;'; ifm.scrolling = "no"; doc.body.appendChild; window.onload = function(){ // 预加载当然最好是window.onload之后触发 //要触发onload,需要先appendChild,然后再写onload // ifm.onload = function(){ alert; } // contentWindow.document-所有都支持,contentDocument-IE9/FF/OP/CM支持 var ifmDoc = ifm.contentDocument || ifm.contentWindow.document; ifmDoc.open(); ifmDoc.write('

BUG原因:

这里总结下:预加载图片用new Image()兼容性没问题。但是css/js只有OP/CM可以,IE/FF基本是无效。2、测试用object预加载

IE6在window.onload时执行脚本,会引发一些cache的问题:

据说以前IE是靠文件后缀来判断文件类型的,后期用HTTP头信息来判断,而他们都可以伪造,所以object在IE下存在安全问题。IE6/7,如果文件后缀后缀为.js/.css不会发出请求,如果改成

在页头CSS加入如下代码:

然后再吧object里面data加载的文件,创建标签加到HTML内测试。

本文由美高梅平台下载发布于美高梅娱乐平台登录,转载请注明出处:会对元素的背景图进行重新请求,获取当前脚本

关键词:

但是如果层级多的时候就会出现很卡的情况,会

列举jQuery几个简单点击事件,这些效果在我们平时做网页的时候经常会遇到,但各有各的不同和利弊之处: jQuery ho...

详细>>

搜索引擎则认为title中的文字是关键词,1.2、一个

SEO理论根基是:锚文本,这里是介绍:不管是Google中文或Google英文,都是以锚文本为主要出发点来进行网页排序,所...

详细>>

下面只针对现网的安装,2.在旧网站后台系统管理

前天在godaddy上买了个豪华版的LUNIX主机,安装DEDECMS出现问题多多,折腾了一下午才搞定,下面分享给大家吧,希望看...

详细>>

构建组件的框架【美高梅平台下载】,以及我们

Web前端工程师会“抛弃 React、Angular”? 多年来,业界已经发布了大量 JavaScript框架,怎样进行选择可能是一个挑战。...

详细>>