2013-10-05 10 views
7

मैं यह समझने की कोशिश कर रहा हूं कि इस वर्णन के आधार पर 'ऑनलोड' में जेएसफ़िल्ड 'लपेटें' कोड कैसे है: [1]: http://doc.jsfiddle.net/basic/introduction.html#javascript। मैंने फ़ंक्शन लोड करने के लिए HTML के बॉडी टैग में लोड होने पर देखा है। तो जेएसएफ (दृश्यों के पीछे) प्रत्येक कॉल को लपेटता है और हर फंक्शन जिसे मैं अपनी जेएस विंडो बनाता हूं? उर्फ:JSFiddle लपेटें ऑनलोड में?

onLoad = "myfunc1(),myfunc2,alert(1);" 

यदि ऐसा है तो जब मैं एक ढांचे के रूप में jQuery का चयन करें, मैं इस प्रारूप का उपयोग करने से बचना चाहिए:

$(document).ready(function(){ 
    myfunc1{(...)} 
    myfunc1{(...)} 
    ... 

अगर एक कवच सवाल अग्रिम खेद है।

उत्तर

10

उन्होंने अपने सभी जेएस को <script> टैग के अंदर onLoad इवेंट कोड के साथ लपेटा है।

<script type="text/javascript"> 
    //<![CDATA[ 
     $(window).load(function(){ /* your js here */ }); 
    //]]> 
</script> 

आप तो एक पुस्तकालय नहीं लगाते हैं तो वे का उपयोग करें::

<script type="text/javascript"> 
    //<![CDATA[ 
     window.onload=function(){ /* your js here */ } 
    //]]> 
</script> 

मैं

उदाहरण के लिए, यदि आप jQuery और onLoad शामिल करने का निर्णय तो यह jsfiddle क्या प्रयोग करेंगे मान लें कि आप जो भी शामिल करना चुनते हैं उसके आधार पर वे अन्य लाइब्रेरी विशिष्ट load ईवेंट का भी उपयोग करते हैं।

$(document).ready(function(){ }); का उपयोग करके एक कोड में अपना कोड चलाते समय आवश्यक नहीं है।

नोट: क्या CDATA है इस जवाब पर एक नज़र डालें का एक अच्छा विवरण के लिए - https://stackoverflow.com/a/7092306/2287470

4

यह में अपने कोड को चलाने के लिए एक नई iframe बनाता है।

ऑनलोड के लिए, वे सिर्फ

window.onload = function() { 
    // your code here 
}; 

में अपने सभी कोड डाल आप यह देख सकते हैं यदि आप <head> में <script> टैग का निरीक्षण निचले दाएं iframe के।


कुछ भी नहीं $(document).ready(... का उपयोग कर लेकिन यह थोड़े बेकार है जब आप jsFiddle में ऑनलोड विकल्प को सक्षम के साथ गलत।

-1

आप देख रहे हैं स्रोत कोड स्वरूपण के लिए है, तो आप नीचे की तरह साइट के लिए दिखना चाहिए। जेएसफ़ील्ड का उपयोग करने के लिए उनके पास अपने स्वयं के प्लगइन्स हो सकते हैं जो वही करते हैं।

http://jsbeautifier.org/

http://www.javascriptbeautifier.com/

http://www.jspretty.com/

+0

निश्चित रूप से jsbeautifier का उपयोग करें और यह भी http://javascriptcompressor.com/ का उपयोग रिक्त स्थान को हटाने के लिए। लेकिन अन्य लिंक के लिए धन्यवाद। – brooklynsweb