I'm using eval() to execute all <script> tags after total rewrite of a div.
$("#content").find("script").each(function(){
eval($(this).text());
});
It works well for inline-scripts, but has no effect on scripts like:
<script src="/path/to/externalScript.js"></script>
How come? Can I "force" the browser to load and execute also the external scripts?
Besides the very real issues with using eval, you are trying to eval the .text inside those script tags, which is essentially nothing.
When a <script> tag loads, it links in the external file as a resource to your page and executes the script. It does not render anything directly to the dom.
Thus you $(this).text() will return ''.
If you want to reload the external scripts, you will either need to force a page refresh, or potentially change the way you are pulling in those scripts: ex. jQuery.getScript alternative in native JavaScript
$("body").css("background", "silver");
$("button").click(function () {
$("script[src^='data:']").each(function () {
var script = document.createElement('script');
script.src = this.src;
document.body.appendChild(script);
})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="data:text/javascript,document.body.style.background='red'"></script>
<button>Go</button>
$(this).text()contain? Likely nothing as thescriptelement doesn't have text content. You'd want to perform an Ajax request for the script, read its text content, and callevalon that.