发表新帖
发表新帖

Stop IE from loading dynamically included script twice

前端 未结
关注
6 2029
孤街浪徒
孤街浪徒 2020-12-01 16:49

I am including some related content on misc. web pages by adding a

相关标签:
6条回答
  • 旧巷少年郎
    2020-12-01 17:19

    The root difference is that IE executes a script element the first time it is added to a parent element's childNodes, regardless of whether the parent element is actually in the document. Other browsers only execute script when it is added to a node inside the document's tree of childNodes.

    jQuery's domManip function (line 524 of jQuery 1.3.2), which is called by append and other similar jQuery methods, tries to be clever and calls evalScript for any <script> elements it finds in the final parsed HTML, to execute the script (by doing AJAX requests if necessary for external scripts). (The actual script elements have been removed from the parsed childNodes to stop them getting executed on insertion into the document, presumably so that scripts are only executed once when content containing them is appended into multiple elements at once.)

    However, because the previous clean function, whilst parsing the HTML, appended the script element to a wrapper div, IE will have already executed the script. So you get two executions.

    The best thing to do is avoid using domManip functions like append with HTML strings when you're doing anything with scripts.

    In fact, forget putting your content in a serialised HTML string and getting jQuery to parse it; just do it the much more reliable plain DOM way:

    var s= document.createElement('script');
s.type= 'text/javascript';
s.charset= 'UTF-8';
s.src= 'js_test2.js';
document.getElementById('some_container').appendChild(s);

    (To be honest, after viewing the stomach-churning source code of the clean function, I'm having serious doubts about using jQuery's HTML-string-based DOM manipulations for anything at all. It's supposed to fix up browser bugs, but the dumb-regex processing seems to me likely to cause as many problems as it solves.)

    Incidentally with this initial call:

    document.write(unescape("%3Cscript src='js_test1.js' type='text/javascript'%3E%3C/script%3E"));

    You don't need to unescape here; I don't know why so many people do. The sequence </ needs to be avoided in an inline script as it would end the <script> tag, and if you're doing XHTML < and & should be avoided too (or ]]> if you're using a CDATA wrapper), but there's an easier way of doing all that with just JavaScript string literals:

    document.write('\x3Cscript src="js_test1.js" type="text/javascript">\x3C/script>"));
    0 讨论(0)
  • 萌比男神i
    2020-12-01 17:22

    It's possible that this is because you use document.write when you're already in a <script> element. Have you tried appending to <head> instead of document.write?

    0 讨论(0)
  • 野的像风
    2020-12-01 17:24

    I've seen that behavior happening on other versions of IE under similar circumstances (such as cloning of <script> nodes) and I never got to know how to stop the script from executing twice, so what I ended up doing was adding a guard on the script code for it not to run twice. It was something like:

    if (typeof(loaded) == 'undefined') {
    // the whole code goes in here
    var loaded = true;
}

    If you can't find a way of preventing the script to execute twice, you may want to try that approach instead.

    0 讨论(0)
  • 北恋
    2020-12-01 17:31

    You can check to see if a script is already in the document before loading it-

    function fetchscript(url, callback){
 var S= document.getElementsByTagName('script'), L= S.length;
 while(L){
  if(S[--L].src== url) return true;
 }
 //create and append script and any callbacks
}
    0 讨论(0)
  • 伪装坚强ぢ
    2020-12-01 17:42

    I find the same problem，only happen in IE.

    jQuery‘s html() method chains is: html>append>domManip>clean

    clean() method use innerHTML make string to DOM, innerHTML in IE has a bug that script tag will immediately load(first load), jQuery evalScript script tags at the end of domManip method(ajax load).then script file load twice in IE.

    I think jQuery should fix this problem,update the clean() method

    0 讨论(0)
  • 孤独总比滥情好
    2020-12-01 17:45

    It would seem that jquery is fetching the second instance of js_test2 using XmlHttpRequest.

    Why I don't know but its the behaviour of JQuery you need to investigate.

    0 讨论(0)
 看不清?
提交回复
热议问题