php – 优化JavaScript CSS下载
发布时间:2020-05-31 01:30:53 所属栏目:PHP 来源:互联网
导读:我有一些页面为我的网站都使用jQuery和 JSON和相同的CSS,除了几页.第一页是用户登录.由于用户需要时间输入用户名和密码,所以我想在登录期间下载整个用户会话所需的所有 JavaScript和CSS文件.如何才能做到这一点?所有页面的标题都相同.如何优化? 我的想法将
|
我有一些页面为我的网站都使用jQuery和 JSON和相同的CSS,除了几页.第一页是用户登录.由于用户需要时间输入用户名和密码,所以我想在登录期间下载整个用户会话所需的所有 JavaScript和CSS文件.如何才能做到这一点?所有页面的标题都相同.如何优化? 我的想法将在document.load之后动态加载js和css文件.这不会影响登录页面的加载时间,同时在用户登录时也缓存您的js和css文件. 如果加载速度更快,您也可以轻松将其更改为document.ready. 这样的东西怎么样? $(document).load(function() {
function preloadFile(filename,filetype){
//For javascript files
if (filetype=="js"){
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src",filename);
}
//For CSS files
else if (filetype=="css") {
var fileref=document.createElement("link");
fileref.setAttribute("rel","stylesheet");
fileref.setAttribute("type","text/css");
fileref.setAttribute("href",filename);
}
document.getElementsByTagName("head")[0].appendChild(fileref)
}
//Examples of how to use below
preloadFile("myscript.js","js");
preloadFile("javascript.php","js");
preloadFile("mystyle.css","css");
});
参考 http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml (编辑:安卓应用网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
