How to display a Javascript Tag with a src file inside a div

Question

I need to display one javascript reference inside a div in the body content?

How do I insert a JS file inside the body part, not in the head , dynamically after the page loads?

HTML looks like this after the page loads:

<div class="cls1" id="id1">
    <script src="url" ></script>
</div>

I was trying,

$("#id1").append("<script src="www.example.com/ex.js" ></script>");

or

document.write("<script src="www.example.com/ex.js" ></script>");

Answer 1

.text将安全地添加它（转义html），而.append或.html实际上会修改dom并执行您的javascript文件

$("#id1").text('<script src="www.example.com/ex.js" ></script>');

Answer 2

You use double inverted commas in append and also use double inverted commas for src 'attribute'. You have to use single inverted commas for src 'attribute'.

Try this code:

$("#id1").append("<script src='www.example.com/ex.js' ></script>");

or

document.write("<script src='www.example.com/ex.js'></script>");