Question

我正在尝试加载js＆amp;像gmail这样的css文件，我找到了这个教程但这个方法只适用于js文件http://yensdesign.com/tutorials/loadingbars/。所以任何想法如何为CSS做？ THX

Answer 1

这是一个适用于CSS和Javascript的实现。你只需要像你给出的例子一样把它包起来并创建条形图。

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

来源：http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

Gmail就像加载资源一样

1 个答案: