स्क्रिप्ट पुनः लोड करने और फिर से निष्पादित करने के लिए कैसे मजबूर करें?

Question

मेरे पास एक ऐसा पृष्ठ है जो किसी तृतीय पक्ष (समाचार फ़ीड) से एक स्क्रिप्ट लोड कर रहा है। स्क्रिप्ट के लिए src यूआरएल लोड अप (प्रति तीसरे पक्ष कोड) पर गतिशील रूप से असाइन किया गया है।

<div id="div1287"> 
    <!-- dynamically-generated elements will go here. --> 
</div> 

<script id="script0348710783" type="javascript/text"> 
</script> 

<script type="javascript/text"> 
    document.getElementById('script0348710783').src='http://oneBigHairyURL'; 
</script> 

स्क्रिप्ट http://oneBigHairyURL से भरी हुई तो बनाता है और div1287 में समाचार फ़ीड से विभिन्न सामान, सुंदर स्वरूपण, आदि के साथ के साथ लोड तत्वों (ईद "div1287" http://oneBigHairyURL में पारित हो जाता है तो स्क्रिप्ट जानता है, जहां के लिए सामग्री लोड करें)।

एकमात्र समस्या यह है कि यह केवल एक बार लोड हो जाती है। मैं इसे हर सेकेंड में पुनः लोड करना चाहता हूं (और इस प्रकार नई सामग्री प्रदर्शित करता हूं)।

तो, मैंने सोचा था कि मैं यह कोशिश करेंगे:

<div id="div1287"> 
    <!-- dynamically-generated elements will go here. --> 
</div> 

<script id="script0348710783" type="javascript/text"> 
</script> 

<script type="javascript/text"> 
    loadItUp=function() { 
     alert('loading...'); 
     var divElement = document.getElementById('div1287'); 
     var scrElement = document.getElementById('script0348710783'); 

     divElement.innerHTML=''; 
     scrElement.innerHTML=''; 
     scrElement.src=''; 
     scrElement.src='http://oneBigHairyURL'; 
     setTimeout(loadItUp, 10000); 
    }; 
    loadItUp(); 
</script> 

मैं सतर्क हो, div को साफ करता है, लेकिन कोई गतिशील रूप से निर्मित एचटीएमएल इसे करने के लिए पुनः लोड है।

कोई विचार क्या मैं गलत कर रहा हूं?

Answer 1

स्क्रिप्ट के साथ (पुनः) लोड के साथ < हेड पर एक नया स्क्रिप्ट टैग जोड़ने के बारे में कैसे? नीचे कुछ:

<script language="text/javascript"> 
    function load_js() 
    { 
     var head= document.getElementsByTagName('head')[0]; 
     var script= document.createElement('script'); 
     script.type= 'text/javascript'; 
     script.src= 'source_file.js'; 
     head.appendChild(script); 
    } 
    load_js(); 
</script> 

मुख्य बिंदु एक नया स्क्रिप्ट टैग डालने वाला है - आप बिना किसी परिणाम के पुराने को हटा सकते हैं। यदि आपके पास कैशिंग समस्याएं हैं तो आपको क्वेरी स्ट्रिंग में टाइमस्टैम्प जोड़ने की आवश्यकता हो सकती है।

Answer 2

क्या आपने इसे डोम से हटाने का प्रयास किया है, फिर इसे फिर से डालने का प्रयास किया है?

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

मेरी उदाहरण देखें http://jsfiddle.net/mendesjuan/LPFYB/

var scriptTag = document.createElement('script'); 
scriptTag.innerText = "document.body.innerHTML += 'Here again ---<BR>';"; 
var head = document.getElementsByTagName('head')[0]; 
head.appendChild(scriptTag); 

setInterval(function() { 
    head.removeChild(scriptTag); 
    var newScriptTag = document.createElement('script'); 
    newScriptTag.innerText = scriptTag.innerText; 
    head.appendChild(newScriptTag); 
    scriptTag = newScriptTag;  
}, 1000); 

यदि आप स्क्रिप्ट हर बार है, जो मेरा मानना ​​है कि अपने मामले है बदलने के लिए उम्मीद यह काम नहीं करेगा। आपको केली के सुझाव का पालन करना चाहिए, बस पुराने स्क्रिप्ट टैग को हटाएं (केवल डीओएम स्लिम को रखने के लिए, यह परिणाम को प्रभावित नहीं करेगा) और उसी स्रोत के साथ एक नया स्क्रिप्ट टैग फिर से डालें, साथ ही कैशबस्टर।

Answer 3

यहां एक विधि है जो केली के समान है लेकिन उसी स्रोत के साथ किसी भी पूर्व-मौजूदा स्क्रिप्ट को हटा देगी, और jQuery का उपयोग करेगी।

<script> 
    function reload_js(src) { 
     $('script[src="' + src + '"]').remove(); 
     $('<script>').attr('src', src).appendTo('head'); 
    } 
    reload_js('source_file.js'); 
</script> 

ध्यान दें कि 'टाइप' विशेषता अब HTML के रूप में स्क्रिप्ट के लिए आवश्यक नहीं है। (http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script-element)

Answer 4

ल्यूक के जवाब देने के लिए छोटे ट्वीक,

function reloadJs(src) { 
    src = $('script[src$="' + src + '"]').attr("src"); 
    $('script[src$="' + src + '"]').remove(); 
    $('<script/>').attr('src', src).appendTo('body'); 
} 

और जैसे कि यह फोन,

relaodJs("myFile.js"); 

यह किसी भी पथ से संबंधित मुद्दों के लिए नहीं होगा।