I want external js file to insert scripts into html.
This is my wrong code:
var logScript = `<script>console.log('ok')</script>`;
document.body.appendChild(logScript);
-
Why do you want to do this? Some context will most likely mean we can give you a much better solution.Reinstate Monica Cellio– Reinstate Monica Cellio2018-12-20 17:45:47 +00:00Commented Dec 20, 2018 at 17:45
-
stackoverflow.com/questions/8085111/…Scott Marcus– Scott Marcus2018-12-20 17:53:48 +00:00Commented Dec 20, 2018 at 17:53
-
I have advertisement codes provided by ad networks. I need external js file to insert those codes into html in some scenariosuser3835827– user38358272018-12-20 17:53:50 +00:00Commented Dec 20, 2018 at 17:53
-
Why do you not just include the JS file in the page with script tags?Reinstate Monica Cellio– Reinstate Monica Cellio2018-12-20 17:59:17 +00:00Commented Dec 20, 2018 at 17:59
-
because exernal js decides if we need to use it.user3835827– user38358272018-12-20 18:03:51 +00:00Commented Dec 20, 2018 at 18:03
|
Show 1 more comment
2 Answers
This is the best way that I know of.
var logScript = document.createElement("script");
logScript.type = "text/javascript";
logScript.innerHTML = "console.log('test')";
document.body.appendChild(logScript);
The reason you have to do it this way, as far as I know, is because the browser thinks you are adding HTML, not a script. Another way around it is to do something like this:
document.body.appendChild('<script>alert("hi");</' + 'script>');
Here are some resources on this topic:
Comments
I found a way with no need to append nor the createElement methods. I've managed to do it in this manner: html part:
<script id="jsScriptInHtml" data-cfasync="false" type="text/javascript"></script>
js external file:
let logScript = `console.log('ok')`;
document.getElementById("jsScriptInHtml").innerHTML= logScript;