Dlaczego nie mogę dodać ciąg zawierający znacznik skryptu innerHTML w IE

Question

Próbuję zrobić następujące (używam biblioteki prototyp):

var div = document.createElement('div'); 
div.innerHTML = '<script src="somescript.js"></script>'; 
$('banner').insert(div); 

w IE, div.innerHTML Właściwość jest zawsze równa "" po ustawieniu właściwości w drugim wierszu.

Ten fragment znajduje się wewnątrz funkcji, która nadpisuje document.write() w zewnętrznym skrypcie dostawcy, dlatego właśnie robię to w ten sposób, zamiast tworzyć element skryptu i dołączać go bezpośrednio do elementu div.

Każda pomoc będzie naprawdę doceniona, to daje mi siwe włosy!

Answer 1

można spróbować zrobić coś takiego zamiast:

function loadScript(src) { 
     var script = document.createElement("script"); 
     script.type = "text/javascript"; 
     document.getElementsByTagName("head")[0].appendChild(script); 
     script.src = src; 
} 

czy

.. 
div.innerHTML = "<script src=\"somescript.js\"></script>"; 
.. 

Answer 2

Czy próbowałeś dodać wbudowany JS zamiast ładowania pliku .js? Zrobiłem to w przeszłości i to działało dobrze dla mnie. Nie jestem pewien, czy to nadal działałoby z ostatnimi przeglądarkami/błędami bezpieczeństwa.

HTH.

Answer 3

Tag skrypt jest prawdopodobnie zarządzający powinien być interpretowany w sposób niezależny. Wypróbuj:

div.innerHTML = '<scr' + 'ipt src="somescript.js"></scr' + 'ipt>'; 

Answer 4

Ten też mnie znudził. Okazuje się, że IE nie zezwala na wstawianie JS bezpośrednio przez innerHTML, chyba że dodasz właściwość "odroczyć" (patrz drugi link poniżej). Ta właściwość jest unikalna dla IE i najwyraźniej pozwala IE odroczyć wykonanie dowolnego JS do czasu załadowania innych znaczników. Ostrzeżenie, chociaż ... jeśli umieścisz dwa znaczniki skryptu (tak jak ja), nie ma żadnej gwarancji, która z nich zostanie wykonana jako pierwsza, ponieważ skrypty wydają się być ładowane asynchronicznie. To powinno być problemem tylko wtedy, gdy twoje skrypty są zależne od siebie nawzajem (tak jak moje były).

Istnieje również dodatkowe zastrzeżenie ... musisz wstawić nie-skryptowe znaczniki w tym samym czasie, w którym wstawiasz skrypt. Nie mogłem samodzielnie wstawić znaczników skryptów z lub bez właściwości "odroczyć". Na koniec znaczniki skryptów muszą być umieszczone po wstawieniu wszystkich innych znaczników poza skryptami. W przeciwnym razie znaczniki skryptu są usuwane z wstawionego kodu HTML.

Oto kilka odnośników:

MS innerHTML referencyjne:

http://msdn.microsoft.com/en-us/library/ms533897%28v=vs.85%29.aspx

MS Defer nieruchomości Numer referencyjny:

http://msdn.microsoft.com/en-us/library/ms533719%28v=vs.85%29.aspx

przykładem Script Insert poprzez kod (tak, to faktycznie działa):

http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/insertScript_2.htm

mojego kodu testu:

// I downloaded the MS example file above and tweaked their script a bit, 
// resulting in this. Using the proper approach to the defer property 
// (namely: defer="defer") did not provide me with consistent results, so 
// sticking with 'DEFER' may be necessary. 
// Note: Try moving the 'sHTML' variable to the end of the script string. 
function insertScript2() 
{ 
    var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>"; 
    var sScript = sHTML + "<SCRIPT DEFER type='text/javascript'> function go2(){ alert('Hello from inserted script.') } </SCRIPT" + ">"; 
    ScriptDiv.innerHTML = sScript; 
} 

Answer 5

trzeba użyć char ucieczki dla </script>

div.innerHTML = '<script src="somescript.js"><\/script>'; 

zobaczyć why escaping/in javascript '<\/script>'?