On my website I load html, which is rendered at the server (nodejs), and insert it at the right position (most time a div with id content).
How would I insert the received html on the client, so that included script tags are executed?
I am using on the client side underscore and handlebars. But vanillajs is also possible of course.
PS: Here is an example to show the difference between jQuery.html() and setting the innerHTML-property:
with jQuery
$('div#content').html(loaded_html);
without:
getElementById('content').innerHTML = loaded_html;
While possible to do it your way, a better idea might be to send json and render pages in the browser using the same templates you (possibly) use in the server. I'm using doT, which I think to be the best of all JavaScript based templates (like EJS, underscore).
There is some problem with your character escaping please use jshint. otherwise it is pretty simple to use like
var script1 = "content for jQuery"; var script2 = "content for javascript";
$(document).ready(function (){
$('#content1').html(script1); document.getElementById('content2').innerHTML = script2;
})
You could leverage jQuery to do that. Just with
$.load("#divname").load(url)