简体   繁体   English

Javascript加载图标在浏览器上禁用JS时不起作用

[英]Javascript loading icon didn't work with JS disabled on browser

I Have Use a Javascript on blogger website to a loading until icon completely Loads. 我必须在博客网站上使用Javascript进行加载,直到图标完全加载为止。 But That Didn't Work Without Javascript disabled on browser. 但是,如果没有在浏览器上禁用Javascript,就无法正常工作。 Only CSS Shows How To Fix It. 只有CSS显示如何修复它。

 document.onreadystatechange = function () { var state = document.readyState if (state == 'complete') { document.getElementById('interactive'); document.getElementById('load').style.visibility="hidden"; } } 
 #load{ width:100%; height:100%; position:fixed; z-index:9999; background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25) } 
 <div id="load"></div> 

Well! 好! I found This Answer After Searching a Lot on Internet. 我在互联网上搜索了很多之后找到了这个答案。 Its the Best Use of modernizer 其最佳使用的现代化剂

 /*! modernizr 3.5.0 (Custom Build) | MIT * * https://modernizr.com/download/?-setclasses !*/ !function(n,e,s){function o(n,e){return typeof n===e}function a(){var n,e,s,a,i,l,r;for(var c in f)if(f.hasOwnProperty(c)){if(n=[],e=f[c],e.name&&(n.push(e.name.toLowerCase()),e.options&&e.options.aliases&&e.options.aliases.length))for(s=0;s<e.options.aliases.length;s++)n.push(e.options.aliases[s].toLowerCase());for(a=o(e.fn,"function")?e.fn():e.fn,i=0;i<n.length;i++)l=n[i],r=l.split("."),1===r.length?Modernizr[r[0]]=a:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=a),t.push((a?"":"no-")+r.join("-"))}}function i(n){var e=r.className,s=Modernizr._config.classPrefix||"";if(c&&(e=e.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\\\s)"+s+"no-js(\\\\s|$)");e=e.replace(o,"$1"+s+"js$2")}Modernizr._config.enableClasses&&(e+=" "+s+n.join(" "+s),c?r.className.baseVal=e:r.className=e)}var t=[],f=[],l={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(n,e){var s=this;setTimeout(function(){e(s[n])},0)},addTest:function(n,e,s){f.push({name:n,fn:e,options:s})},addAsyncTest:function(n){f.push({name:null,fn:n})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var r=e.documentElement,c="svg"===r.nodeName.toLowerCase();a(),i(t),delete l.addTest,delete l.addAsyncTest;for(var u=0;u<Modernizr._q.length;u++)Modernizr._q[u]();n.Modernizr=Modernizr}(window,document); 
 .no-js #load{display:none} 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM