├── LICENSE.md
├── README.md
├── async-document-write.js
├── async-document-write.min.js
└── tests
    ├── test.html
    ├── test1.js
    └── test2.js


/LICENSE.md:
--------------------------------------------------------------------------------
 1 | This software is licensed under the MIT license.
 2 | 
 3 | MIT license
 4 | -----------
 5 | 
 6 | Copyright © 2010 [Eli Grey][1].
 7 | 
 8 | Permission is hereby granted, free of charge, to any person
 9 | obtaining a copy of this software and associated documentation
10 | files (the "Software"), to deal in the Software without
11 | restriction, including without limitation the rights to use,
12 | copy, modify, merge, publish, distribute, sublicense, and/or sell
13 | copies of the Software, and to permit persons to whom the
14 | Software is furnished to do so, subject to the following
15 | conditions:
16 | 
17 | The above copyright notice and this permission notice shall be
18 | included in all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
21 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
22 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
23 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
24 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
25 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
26 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
27 | OTHER DEALINGS IN THE SOFTWARE.
28 | 
29 | 
30 |   [1]: http://eligrey.com
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Asynchronous `document.write`
 2 | ===========================
 3 | 
 4 | Asynchronous `document.write` (ADW) is a JavaScript library and protocol that enables the
 5 | usage of `document.write` in asynchronous scripts. After loading ADW, `document.write` may
 6 | be called by any script even after the page has completed loading. ADW is backwards
 7 | compatible with normal `document.write` and it also implements an asynchronous
 8 | `document.writeln` method.
 9 | 
10 | ADW can be utilized by providers of HTML "emebedding" scripts to enable the scripts to
11 | be included asynchronously (a la `<script async>`) when ADW is loaded. All you have to
12 | do is add `eval(document.write.START);` to the start of the code and
13 | `eval(document.write.END);` to the end. **If the target page does not have ADW loaded,
14 | your code will behave as it would normally.** The evals simply do nothing and produce
15 | no errors if ADW is not loaded.
16 | 
17 | 
18 | Usage
19 | -----
20 | 
21 |     eval(document.write.START);
22 |     document.write(...);
23 |     eval(document.write.END);
24 | 
25 | ![Tracking image](https://in.getclicky.com/212712ns.gif)
26 | 


--------------------------------------------------------------------------------
/async-document-write.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Asynchronous document.write
  3 |  *
  4 |  * 2018-01-10.3
  5 |  *
  6 |  * By Eli Grey, http://eligrey.com
  7 |  * Licensed under the MIT License
  8 |  *   See LICENSE.md
  9 |  *
 10 |  * Usage:
 11 |  *   eval(document.write.START);
 12 |  *   document.write(html);
 13 |  *   eval(document.write.END);
 14 |  */
 15 | 
 16 | /*global document */
 17 | 
 18 | /*! @source http://purl.eligrey.com/github/async-document-write/blob/master/async-document-write.js*/
 19 | 
 20 | (function () {
 21 | 	"use strict";
 22 | 	
 23 | 	try {
 24 | 		0();
 25 | 	} catch (e) {
 26 | 		var err = e;
 27 | 	}
 28 | 	
 29 | 	var filename = "fileName",
 30 | 	stack        = "stack",
 31 | 	stacktrace   = stack + "trace";
 32 | 	
 33 | 	if (document.currentScript || filename in err || stacktrace in err || stack in err) {
 34 | 	
 35 | 		var doc        = document,
 36 | 		anchor         = doc.createElement("a"),
 37 | 		False          = !1,
 38 | 		notReady       = !False,
 39 | 		writeQueue     = [],
 40 | 		nativeDocWrite = doc.write,
 41 | 		getElemsByTag  = function (tag) {
 42 | 			return doc.getElementsByTagName(tag);
 43 | 		},
 44 | 		head = getElemsByTag("head")[0],
 45 | 		write,
 46 | 		domReady = function () {
 47 | 			if (notReady) {
 48 | 				notReady = False;
 49 | 				var writeTo = write.to,
 50 | 				item = 0, len = writeQueue.length;
 51 | 				
 52 | 				for (; item < len; item++) {
 53 | 					write.to = writeQueue[item++];
 54 | 					write(writeQueue[item]);
 55 | 					delete write.to;
 56 | 				}
 57 | 				writeQueue = null;
 58 | 				write.to = writeTo;
 59 | 			}
 60 | 		},
 61 | 		getErrorLocation = function (error) {
 62 | 			var loc, replacer = function (stack, matchedLoc) {
 63 | 				loc = matchedLoc;
 64 | 			};
 65 | 		
 66 | 			if (filename in error) {
 67 | 				loc = error[filename];
 68 | 			} else if (stacktrace in error) { // Opera
 69 | 				error[stacktrace].replace(/Line \d+ of .+ script (.*)/gm, replacer);
 70 | 			} else if (stack in error) { // WebKit
 71 | 				error[stack].replace(/at (.*)/gm, replacer);
 72 | 				loc = loc.replace(/:\d+:\d+$/, ""); // remove line number
 73 | 			}
 74 | 			return loc;
 75 | 		},
 76 | 		slice = Array.prototype.slice,
 77 | 		toStr = Object.prototype.toString,
 78 | 	
 79 | 		addEvtListener, remEvtListener, listener;
 80 | 	
 81 | 		if (doc.addEventListener && doc.removeEventListener) {
 82 | 			addEvtListener = doc.addEventListener;
 83 | 			remEvtListener = doc.removeEventListener;
 84 | 			listener = function (evt) {
 85 | 				remEvtListener.call(doc, evt.type, listener, False);
 86 | 				domReady();
 87 | 			};
 88 | 			addEvtListener.call(doc, "DOMContentLoaded", listener, False);
 89 | 			addEvtListener.call(doc, "load", listener, False);
 90 | 		
 91 | 		} else if (doc.attachEvent && doc.detachEvent) {
 92 | 			addEvtListener = doc.attachEvent;
 93 | 			remEvtListener = doc.detachEvent;
 94 | 			listener = function () {
 95 | 				remEvtListener.call(doc, "onload", listener);
 96 | 			};
 97 | 			addEvtListener.call(doc, "onload", listener);
 98 | 		}
 99 | 		
100 | 		write = doc.write = function () {
101 | 			var markup = slice.call(arguments).join(""),
102 | 			body       = getElemsByTag("body")[0],
103 | 			writeTo    = write.to;
104 | 			
105 | 			if (!body) {
106 | 				writeQueue.push(writeTo, markup);
107 | 				return;
108 | 			}
109 | 			
110 | 			if (writeTo) {
111 | 				var targetScript;
112 | 				if (writeTo instanceof HTMLScriptElement) {
113 | 					targetScript = writeTo;
114 | 				} else {
115 | 					anchor.href = getErrorLocation(writeTo); // normalize error URI
116 | 					var src = anchor.href,
117 | 					scripts = getElemsByTag("script");
118 | 					
119 | 					for (var script = 0, len = scripts.length; script < len; script++) {
120 | 						var scriptNode = scripts.item(script);
121 | 						anchor.href = scriptNode.src; // normalize script URI
122 | 						if (anchor.href === src) {
123 | 							targetScript = scripts.item(script);
124 | 							break;
125 | 						}
126 | 					}
127 | 				}
128 | 				
129 | 				if (targetScript) {
130 | 					var parent = targetScript,
131 | 					node = doc.createElement("template");
132 | 					node.innerHTML = markup;
133 | 					
134 | 					while (parent = parent.parentNode) {
135 | 						if (parent === head) {
136 | 							body.insertBefore(node.content || node, body.firstChild);
137 | 							return;
138 | 						}
139 | 					}
140 | 					targetScript.parentNode.insertBefore(node.content || node, targetScript);
141 | 					return;
142 | 				}
143 | 			} else {
144 | 				// script without document.write.to attempting to write to the body
145 | 				// before it exists - requires native magic
146 | 				nativeDocWrite.apply(doc, arguments);
147 | 			}
148 | 		};
149 | 		doc.writeln = function () {
150 | 			write.apply(this, slice.call(arguments).concat("\n"));
151 | 		};
152 | 		write.START = "if(document.currentScript){document.write.to=document.currentScript}else{try{0()}catch(e){document.write.to=e}}";
153 | 		write.END   = "delete document.write.to";
154 | 	}
155 | }());
156 | 


--------------------------------------------------------------------------------
/async-document-write.min.js:
--------------------------------------------------------------------------------
1 | /* @source http://purl.eligrey.com/github/async-document-write/blob/master/async-document-write.js*/
2 | !function(){"use strict";try{0()}catch(e){var t=e}var n="fileName",r="stack",i=r+"trace";if(document.currentScript||n in t||i in t||r in t){var c,o,a,l,d=document,f=d.createElement("a"),u=!1,v=!u,p=[],s=d.write,m=function(e){return d.getElementsByTagName(e)},h=m("head")[0],E=function(){if(v){v=u;for(var e=c.to,t=0,n=p.length;n>t;t++)c.to=p[t++],c(p[t]),delete c.to;p=null,c.to=e}},y=function(e){var t,c=function(e,n){t=n};return n in e?t=e[n]:i in e?e[i].replace(/Line \d+ of .+ script (.*)/gm,c):r in e&&(e[r].replace(/at (.*)/gm,c),t=t.replace(/:\d+:\d+$/,"")),t},L=Array.prototype.slice;Object.prototype.toString;d.addEventListener&&d.removeEventListener?(o=d.addEventListener,a=d.removeEventListener,l=function(e){a.call(d,e.type,l,u),E()},o.call(d,"DOMContentLoaded",l,u),o.call(d,"load",l,u)):d.attachEvent&&d.detachEvent&&(o=d.attachEvent,a=d.detachEvent,l=function(){a.call(d,"onload",l)},o.call(d,"onload",l)),c=d.write=function(){var e=L.call(arguments).join(""),t=m("body")[0],n=c.to;if(!t)return void p.push(n,e);if(n){var r;if(n instanceof HTMLScriptElement)r=n;else{f.href=y(n);for(var i=f.href,o=m("script"),a=0,l=o.length;l>a;a++){var u=o.item(a);if(f.href=u.src,f.href===i){r=o.item(a);break}}}if(r){var v=r,E=d.createElement("template");for(E.innerHTML=e;v=v.parentNode;)if(v===h)return void t.insertBefore(E.content||E,t.firstChild);return void r.parentNode.insertBefore(E.content||E,r)}}else s.apply(d,arguments)},d.writeln=function(){c.apply(this,L.call(arguments).concat("\n"))},c.START="if(document.currentScript){document.write.to=document.currentScript}else{try{0()}catch(e){document.write.to=e}}",c.END="delete document.write.to"}}();


--------------------------------------------------------------------------------
/tests/test.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <meta charset="utf-8" />
 5 | <title>Asynchronous document.write test</title>
 6 | <script type="text/javascript" src="../async-document-write.min.js"></script>
 7 | <script type="text/javascript" src="test1.js" async></script>
 8 | </head>
 9 | <body>
10 | <script type="text/javascript" async>
11 | eval(document.write.START);
12 | document.write("<div style='font-size:xx-large'>This should be second</div>");
13 | eval(document.write.END);
14 | </script>
15 | <script type="text/javascript" src="test2.js" async></script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/tests/test1.js:
--------------------------------------------------------------------------------
1 | eval(document.write.START);
2 | document.write("<div style='font-size:xx-large'>This should be first</div>");
3 | eval(document.write.END);
4 | 


--------------------------------------------------------------------------------
/tests/test2.js:
--------------------------------------------------------------------------------
1 | eval(document.write.START);
2 | document.write("<div style='font-size:xx-large'>This should be last</div>");
3 | eval(document.write.END);
4 | 


--------------------------------------------------------------------------------