HOW TO check if an external (cross-domain) CSS file is loaded using Javascript -

मेरे पास javascript :

1. लिंक तत्व बनाएं और href = cssFile सेट करें।
2. सिर टैग में लिंक तत्व सम्मिलित करें।
3. एक div तत्व बनाएं।
4. setAttribute का उपयोग करके वर्ग का नाम सेट करें
5. appendChild
6. अब document.defaultView.getComputedStyle (divlement, null) [cssRule] का उपयोग करके सीएसएस नियम मूल्य प्राप्त कर रहा है < / Code>।

अब getComputedStyle डिफ़ॉल्ट मान लौट रहा है, और अगर मैं ब्रेकपॉइंट पर getComputedStyle कॉल करें, फिर सीएसएस इंजेक्शन से सीएसएस नियम लौटाता है।

सादर, ऑनलाइन मुनिम

आप गतिशील सीएसएस यूआरएल बना सकते हैं और एक साधारण एजेक्स कॉल का इस्तेमाल करते हुए सीएसएस के रूप में सीएसएस प्राप्त कर सकते हैं।

फिर सीएसएस लोड करने के लिए इसका उपयोग करें:

  फ़ंक्शन loadcss (cssText, कॉलबैक) {var स्टाइल ई = दस्तावेज़.create एलेमेंट ('शैली'); style.type = 'text / css'; अगर (कॉलबैक! = अपरिभाषित) {style.onload = function () {callBack (); }; } Style.innerHTML = cssText; head.appendChild (शैली); }  

और इसे इस तरह प्रयोग करें:

  loadCss (ajaxResponseText, function () {console.log ("yaay css लोड किया गया, अब मैं सीएसएस एक्सेस कर सकता हूँ Defs ");})