2011-09-08 13 views
12

मैंने हाल ही में insertAdjacentHTML विधि की खोज की है और यह एक ईश्वर-प्रेषण है। ऐसा होने के नाते मैं जानना चाहता था कि यह विधि कितनी अच्छी तरह समर्थित है। क्या आईई है? क्रोम के बारे में क्या?insertAdjacentHTML कितनी अच्छी तरह से समर्थित है?

उत्तर

2

मैं अत्यधिक जॉन Resing द्वारा इस लेख की सलाह देते हैं - http://ejohn.org/blog/dom-insertadjacenthtml/

असल में, यह IE4 के बाद से IE पर काम करता है, और यह एचटीएमएल 5 का एक हिस्सा होने जा रहा है। ऐसी कुछ सीमाएं भी हैं जिन पर आप HTML कोड को इस कोड को कॉल करना चाहते हैं।

+0

कैसे आप इस विधि का उपयोग कर एक स्थानीय छवि सम्मिलित हैं उपयोग कर सकते हैं? मैं यहाँ संघर्ष कर रहा हूँ। मैंने अपनी स्रोत कोड लाइनों को *** var img = नई छवि (1,1) के रूप में बनाने का प्रयास किया है; img.src = 'फ़ाइल: ///android_asset/high.png'; फिर इसे tag.insertAdjacentHTML ('AfterEnd', '    \"Hi\"/') के रूप में उपयोग करने का प्रयास किया; **** को एक त्रुटि मिलती है "स्थानीय संसाधनों को लोड करने की अनुमति नहीं है: फ़ाइल: ///android_asset/high.png पर: 0 ..... इस पर कोई सलाह कृपया :-) – mask

1

हां, यह क्रोम और इंटरनेट एक्सप्लोरर के साथ-साथ फ़ायरफ़ॉक्स और ओपेरा के बाद के संस्करणों में समर्थित है। मैं संकुचित नहीं कर सका कि आईई के कौन से संस्करण यह संगत था, दुर्भाग्यवश, हालांकि यह this site (आईई 4+) पर विस्तृत प्रदान किया गया है।

अधिक जानकारी के लिए this reference देखें।

परिशिष्ट:This page असंगत ब्राउज़र को पकड़ने के लिए कुछ संगतता जानकारी, साथ ही नमूना कोड प्रदान करता है। कृपया ध्यान दें, हालांकि, उस साइट के विपरीत फ़ायरफ़ॉक्स समर्थित है, लेकिन केवल हाल ही में पुनरावृत्तियों में और कुछ मामलों में सीमित कार्यक्षमता में।

2

documentation page on MDN इंगित करता है कि सभी ब्राउज़रों फ़ायरफ़ॉक्स को छोड़कर कुछ समय अब ​​आप इसका इस्तेमाल करते हैं और यह सुनिश्चित करना चाहते हैं कि कौन सा संस्करण 8.

में अपनी समर्थन प्रस्तुत करेंगे के लिए यह समर्थित किया गया है फ़ायरफ़ॉक्स के पुराने संस्करण इसे समर्थन देते हैं (हालांकि वे कुछ महीनों में गायब हो जाएंगे) आप अपनी साइट में यह insertAdjacentHTML polyfill (शिम) डाल सकते हैं और विधि हर जगह काम करेगी।


अद्यतन: ऊपर शिम के रूप में हटा दिया गया है, तो आप https://gist.github.com/1276030

संबंधित मुद्दे