Javascript / jQuery change script src in body and refresh

Question

I have a script which I need to change at runtime and reload changes

So the script is:

<body>
<script id="scriptId" src="myJsFile_1.js"></script>

//Rest of the page here


<script>

$(document).ready(function() {

    $("#buttonId").click(function() {

        //Change the script src to myJsFile_2.js and reload

    })

});

</script>

</body>
</html>

How can I do this?

Possible duplicate of javascript jquery change src of a script using a script — Sudharsan S
– Sudharsan S, Commented Oct 27, 2016 at 13:32
What do you mean by reload? If you reload the page, myJsFile_1.js will be the file that is used every time. If you aren't talking about reloading the page, then why not just perform the view changes to the DOM within myJsFile_1.js when the user clicks the button? — A.Sharma
– A.Sharma, Commented Oct 27, 2016 at 13:40

RAUSHAN KUMAR · Accepted Answer · 2016-10-27 13:43:01Z

0

use this

$(document).ready(function() {
    $("#buttonId").click(function() {

        $(document.body).remove('#scriptId').append('<script id="scriptId" type="text/javascript" src="your_script_src"></script>');

    });
});

edited Oct 27, 2016 at 13:43

answered Oct 27, 2016 at 13:25

RAUSHAN KUMAR

6,0345 gold badges37 silver badges70 bronze badges

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

1 Comment

user7038798 Over a year ago

Got problems with the closing < in </script> ...says unclosed string literal

Collectives™ on Stack Overflow

Javascript / jQuery change script src in body and refresh

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related