JavaScript insert whole code into body?

Question

I have tried many times to insert whole script with this code:

;
document.body.innerHTML += 'code here';

What i am trying to insert is this code example :

<script type="text/javascript">
    var adfly_id = 000;
    var adfly_advert = 'int';
    var popunder = true;
    var exclude_domains = ['example.com', 'yoursite.com'];
</script>
<script src="https://cdn.adf.ly/js/link-converter.js"></script>

Any suggestion on how could i insert this adfly script into body of content via javascript would be really appreciated.

have you tried using .html();? And then insert your code in those parenthesis — Austin
– Austin, Commented Aug 12, 2014 at 15:12
Why can't you just put it in the HTML, like a normal person? — Niet the Dark Absol
– Niet the Dark Absol, Commented Aug 12, 2014 at 15:13
@Austin can you please give me example ? I am no expert in javascript :( — Demogorgon
– Demogorgon, Commented Aug 12, 2014 at 15:19

Matt R · Accepted Answer · 2014-08-12 15:18:26Z

1

var script=document.createElement('script');
script.type='text/javascript';
script.src="https://cdn.adf.ly/js/link-converter.js";

document.body.appendChild(script);

answered Aug 12, 2014 at 15:18

Matt R

7245 silver badges14 bronze badges

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

Comments

zozo · Accepted Answer · 2014-08-12 15:24:38Z

0

You can just put the script into the html. Literally type it there. You don't need js to include js. Also if you do it like that, the script won't actually be run at page load.

There are solutions so you can do it (like the one matt r gave), but I strongly suggest avoiding them, unless you have a good reason.

If you have any specific reason to do that, specify it so we can take it into consideration.

answered Aug 12, 2014 at 15:24

zozo

8,64019 gold badges83 silver badges142 bronze badges

Comments

Jean-Karim Bockstael · Accepted Answer · 2014-08-12 15:25:48Z

You have to explicitly create the script elements then append them to the document:

// Create the element with the settings variables
var adfly_settings = document.createElement("script");
adfly_settings.setAttribute("type", "text/javascript");
adfly_settings.innerHTML = "var adfly_id = 000;\n" +
    "var adfly_advert = 'int';\n" + 
    "var popunder = true;\n" +
    "var exclude_domains = ['example.com', 'yoursite.com'];"

// Create the element with the external script
var adfly_lib = document.createElement("script");
adfly_lib.setAttribute("type", "text/javascript");
adfly_lib.setAttribute("src", "https://cdn.adf.ly/js/link-converter.js");

// Append them to the document
document.appendChild(adfly_settings);
document.appendChild(adfly_lib);

Beware that this is ugly, why can't you just append the HTML code to the page in the first place?

Austin · Accepted Answer · 2014-08-12 15:26:39Z

0

.html() does stuff like this JSFiddle Demo

$(document).ready(function () {
    $('.morebutton2').hide();

    $('#btn').on("click", function () {
        $("#st00f").html("<table style='border:solid'><tr><th>other things</th></tr></table>");
    });

});

.html literally turns the string inside of it into html syntax. You just tack it on with JQuery saying something like

$("#elementID").html("<p>stuff</p>");

answered Aug 12, 2014 at 15:26

Austin

3,08023 gold badges65 silver badges102 bronze badges

Collectives™ on Stack Overflow

JavaScript insert whole code into body?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related