<div>
create a pollyfil that convert document.write (an existing function) in Async Loading 
I believe this is not the description of a polyfill something cconverting extsing function 
It is something you create to add functionality/ies to existing object 
 
so I believe the issue here, the recommendation you receive :) 
 
Anyway from what I understood here my two cents : 
 
var oldDocumentWrite = document.write; 
document.write = function(what) { 
&nbsp; &nbsp; &nbsp; &nbsp;// some ajax or script download here 
&nbsp; &nbsp; &nbsp; &nbsp;// <a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_creating_a_standard_function_to_read_external_files" rel="ugc">https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Example_creating_a_standard_function_to_read_external_files</a> 
}
</div>

<div>
Just to clarify - the script does this 
 
document.write('some output'); 
 
Which is fine when your page is loading but if run after loading wipes out your page correct? 
 
What you want to do is convert these document.write in to something else that can achieve the same thing but work after the script is loaded - which may be after document.load. 
 
My first question - why can't you amend the original script to take out the document.write and rather uses something more portable? 
 
My second question is can you give us some examples of what the script currently does and how it will be used in the new implementation?
</div>

<div>
Hi Julian, 
First of all, thank you for the response and all the help you always provide, To answer your questions, the scripts are always regenerated each time I need to make updates etc. &nbsp;This is due to the scripts being generated by Adobe's Dynamic Tag Manager. For testing purposes (which I can currently work -around) the files are pushed to the Akamai CDN. Once we test the changes, we generate the new files and download them to be hosted on our web servers for a production release. One issue is this code is shared by most of our web apps (approx. 11) and these all run fine the way the synchronous code is already structured without any changes. I have a new web app that can't load the JS script explicitly so we are trying to figure out how to get it to work&gt;? Here is the URL of the script: &nbsp; <a href="https://www.bankofthewest.com/js/DTM/botw/52526302225396ab63a2d854ed0c3ac8d6b71e8e/satelliteLib-8b0957229e4e0b480ac27c82c946e106ec00b3ce.js" rel="ugc">https://www.bankofthewest.com/js/DTM/botw/52526302225396ab63a2d854ed0c3ac8d6b71e8e/satelliteLib-8b0957229e4e0b480ac27c82c946e106ec00b3ce.js</a> 
 
You can search for &quot;.write&quot; and it will be your 1st match. 
 
Thanks!
</div>

<div>
That seems to write out &lt;script&gt; tags 
 
using Leak's suggestion if you add this to your page before including that JS 

<pre><code class="code-1 nolinks" id="code-20-42807221-1">document.write = function(x) {
 console.log(x)x;
}
</code></pre>
you should see the output from the write's to the console. 
 
I tried this and it seems to do something but I don't know what the use case is here - I had to define some functions to make the script work so this is just a guess 

<pre><code class="code-10 nolinks" id="code-20-42807221-2">&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src=&quot;http://code.jquery.com/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
/**
 * Start of polyfills
 * The following functions I added to make the code work - these should not be included in the final solution
 */

function _dtmNonHostedDomain()
{
 return true;
}
function _dtmSpecialChar(x)
{
 console.log(x);
}
var __ = {
 map: function(o, fn) {
 for(var x in o) {
 fn(x, o[x]);
 }
 }
}
/** 
 * End of polyfills
 */

// Redirect .write to your own code as per Leak's suggestion

document.write = function(a) {
 // Create a &lt;Script&gt; tag
 var s = document.createElement('script');
 
 // Get the src	 
 var result = a.match(/src=&quot;(.*?)&quot;/);

 // Set the src
 s.src = result[1];

 // Add to &lt;head&gt; or &lt;body&gt; as required
 $('body').append(s);
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script&gt;
// load source on document ready
$(function() {
 var s = document.createElement('script');
 s.src = 'https://www.bankofthewest.com/js/DTM/botw/52526302225396ab63a2d854ed0c3ac8d6b71e8e/satelliteLib-8b0957229e4e0b480ac27c82c946e106ec00b3ce.js';
 $('body').append(s);
});
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
</div>

<div>
Thank you both very much. You both are priceless resources! Truly! I will test the above code and get back to you. I may have somefollow-up questions so stay tuned! :0)
</div>

<div>
Hi Julian, 
I looked at your code but I'm confused. &nbsp;I have a few questions: 
1) Why did you have to add those functions to get it to work? ==&gt; &quot;The following functions I added to make the code work...&quot; 
 
2) I'm not sure how this whole thing actually works? &nbsp;Will it take every document.write in the file <a href="https://www.bankofthewest.com/js/DTM/botw/52526302225396ab63a2d854ed0c3ac8d6b71e8e/satelliteLib-8b0957229e4e0b480ac27c82c946e106ec00b3ce.js" rel="ugc">https://www.bankofthewest.com/js/DTM/botw/52526302225396ab63a2d854ed0c3ac8d6b71e8e/satelliteLib-8b0957229e4e0b480ac27c82c946e106ec00b3ce.js</a>&nbsp;and convert to an asynchronous call? 
 
3) Is there any way to limit which files pollyfill is applied to? 
 
4) The code is always obfuscated and document.write in the files I'm targeting becomes something like n.write etc. Does it matter?
</div>

<div>
Thanks for the response. Much appreciated! As far as limiting the Pollyfill to specific files. Is it possible to only apply to a specific directory and its children on a specific host name?
</div>

<div>
<div class="content wysiwyg-content">
I have a JavaScript file that uses document.writes. This file needs to be loaded asynchronously on a new web app. The issue is that this file is used on a bunch of other web apps. synchronously. I was told I could write a pollyfill to make the document.writes into asynchronous loading. I have never written a polyfill, so I'm looking for advice and examples on how to do this? I have looked at a few videos and web sites but still not sure how to approach this? Appreciate any help or guidance. 
 
Thanks!
</div>
</div>

I have a JavaScript file that uses document.writes. This file needs to be loaded asynchronously on a new web app. The issue is that this file is used on a bunch of other web apps. synchronously. I was told I could write a pollyfill to make the document.writes into asynchronous loading. I have never written a polyfill, so I'm looking for advice and examples on how to do this? I have looked at a few videos and web sites but still not sure how to approach this? Appreciate any help or guidance.

Thanks!

How To Create A Pollyfill that converts document.write in Async Loading

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.