How can I load a javascript file with document.write inside of createElement?

Question

Is there some way to load a js file that got document.write inside?

i.e:

(function(){

    var test = document.createElement('script');
    test.type="text/javascript";
    test.src="http://xxxxxxxxxxx/test.js";
    document.getElementsByTagName('head')[0].appendChild(test);

})();

test.js:

document.write('test !');

it always returns alert error about document.write async ...

I figured out if i do:

test.js:

document.getElementsByTagName('body')[0].innerHTML = 'test !';

it works !

but in my case i can't have access to js file, then i would like to know if is there a way to do it? or i'll need to do a cross with php curl.

thanks.

You could try to overwrite the document.write function before loading the script. — Bergi
– Bergi, Commented Jul 8, 2012 at 23:41

jfriend00 · Accepted Answer · 2012-07-08 23:35:38Z

3

document.write() is designed for use while the document is being parsed. If you use it from a dynamically loaded script after the document has been loaded, then it will clear the current document and start writing a brand new document.

If you want to add content to the current document from a dynamically loaded script, then you should use DOM manipulation functions like document.createElement() and .appendChild() or .insertBefore(), not document.write().

answered Jul 8, 2012 at 23:35

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RobG Over a year ago

+1 – and to add further to that, the OP should read what HTML5 says about document.write, noting that it is not standardised and still very much implementation dependent (HTML5 essentially documents existing behaviour). However I think it goes a bit overboard with the warnings, document.write is very useful when used appropriately.

Collectives™ on Stack Overflow

How can I load a javascript file with document.write inside of createElement?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related