JavaScript – controlling the insertion point for document.write

by

If you’re dealing with 3rd party scripts, simply replacing document.write to capture the output and stick it in the right place isn’t good enough, since they could change the script and then your site would break.

writeCapture.js does what you need (full disclosure: I’m the author). It basically rewrites the script tags so that each one captures it’s own document.write output and puts it in the correct place. The usage (using jQuery) would be something like:

$(document.body).writeCapture().append('<script type="text/javascript" src="http://3rdparty.com/foo.js"></script>');

Here I’m assuming that you want to append to the end of the body. All jQuery selectors and manipulation methods will work with the plugin, so you can inject it anywhere and however you want. It can also be used without jQuery, if that is a problem.

More Related Contents:

  1. What are alternatives to document.write?
  2. Dynamically add script tag with src that may include document.write
  3. Execute write on doc: It isn’t possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.
  4. document.write() overwriting the document?
  5. What is the correct way to write HTML using Javascript?
  6. Why won’t this JavaScript (using document.open and document.write) work in Internet Explorer or Opera?
  7. How do I add something to my html using javascript without erasing the whole page
  8. Print / display a JavaScript variable’s name instead of it’s value
  9. How to receive special character?
  10. Firing event on DOM attribute change
  11. CasperJS/PhantomJS doesn’t load https page
  12. Changing iframe src with Javascript
  13. How to change the Content of a with JavaScript
  14. How to expose IFrame’s DOM using jQuery?
  15. JavaScript associative array to JSON
  16. How can I access local scope dynamically in javascript?
  17. How to Increase browser zoom level on page load?
  18. How do I Geocode 20 addresses without receiving an OVER_QUERY_LIMIT response?
  19. JavaScript: How to pass object by value?
  20. Why are Objects not Iterable in JavaScript?
  21. Uncaught ReferenceError: React is not defined
  22. JavaScript Objects as Hashes? Is the complexity greater than O(1)?
  23. React: Passing props to function components
  24. How to test a function which has a setTimeout with jasmine?
  25. Jquery Ajax – post huge string value
  26. Is it possible to reset an ECMAScript 6 generator to its initial state?
  27. Download a file using Javascript
  28. How do I build JSON dynamically in javascript?
  29. Auto-Scroll to next anchor at Mouse-wheel
  30. multiple ui-view html files in ui-router

Leave a Comment