Ersetzen von document.write() s in einer xhtml + xml Seite

Question

Ich arbeite für eine Firma, die Software schreibt, die Client-Sites mit < script language = "JavaScript" src = ..... etc. usw. Wir hängen ziemlich ein bisschen auf document.write um Elemente auf die Seite zu schreiben. Einer unserer Kunden hat sich aus irgendeinem Grund dafür entschieden, den Inhaltstyp "application/xhtml + xml" zu verwenden, was document.write() in Chrome unbrauchbar macht.

Ich verstehe, warum dies ist, und dass DOM-konformen Code jedes Element erstellen, seine Attribute festlegen, füllen Sie es bei Bedarf mit einem Textknoten, hängen Sie den Textknoten an seine Eltern und das übergeordnete Element an einige Seitenelement .. ..

aber was ist eine gute Problemumgehung, die nicht all diesen Kram erfordert? Die write() s darin haben so viele Elemente, dass der resultierende Code hässlich wäre, wenn wir Knoten machen und sie zusammenfügen würden wie Knex oder Legos oder was-du-hättest.

edit: Versuchte CDATA verwenden, aber auch diese Linie verurteilt wird in ähnlicher Weise durch den xhtml-Parser auf der gleichen Seite wie unsere Skript einbetten:

<script language="text/javascript"><![CDATA[document.write('hi');]]></script> 

Answer 1

var el = document.createElement('div'); 
el.innerHTML = 'What you used to document.write()'; 
document.body.appendChild(el); 

Beachten Sie, dass Sie benötigen, um den HTML-Code zu beheben um gültiges XHTML zu sein, aber das sollte viel weniger Arbeit als das Umwandeln des gesamten Codes sein, um DOM-Manipulation zu verwenden.

Answer 2

Wir haben Jquery verwendet und Timeouts gesetzt, um den von ähnlichen Organisationen für Sie bereitgestellten Code neu zu schreiben. Hier ist ein Beispiel von Such Ignite:

<script> 
<!-- 
// once all the page has loaded 
$(document).ready(function() 
    { 
     // wait a bit so everything else that runs when the page has loaded loads, then... 
     setTimeout(function() 
     { 
      // ...load the tracking stuff 
      var headerTag = document.getElementsByTagName('head')[0]; 
      var seo_tag = $.createElement(document.location.protocol + "//track.searchignite.com/si/CM/Tracking/ClickTracking.aspx?siclientid=123456&jscript=1", "script"); 
      headerTag.appendChild(seo_tag); 

     }, 20); 
    }); 
// --> 
</script> 

Das Timeout hat den zusätzlichen Vorteil auf unserer Seite, die auf den Benutzer vor dem dem externen Code zu machen durch den Benutzer-Browser geladen worden ist, sehr nützlich, wenn die externen Lieferanten Server jemals gehen Nieder. Ja, wir verlieren einige Tracking-Statistiken, aber die Benutzererfahrung ist nicht gefährdet.

Offensichtlich können Sie sich nicht auf JQuery verlassen, aber Sie erhalten die allgemeine Idee.

Answer 3

Vielleicht können Sie einen Iframe vom Typ text/html erstellen, den Inhalt in diesen schreiben und dann die Knoten wieder in die Hauptseite importieren.