通过二次加载脚本，解决Ajax加载的页面中JS脚本不执行问题

场景：

web开发中，经常需要通过ajax动态加载网页（一般是通过ajax获取到网页内容，然后通过innerHTML等方式输出到页面上）。

比如：main.jsp存在多个页面区块，各个区块是采用ajax方式将内容加载到页面上。

问题：

main.jsp在加载inc1.jsp、inc2.jsp .....时，inc1.jsp中可能存在javascript代码，但这些代码被加载到main.jsp后往往无法有效执。

分析：

出于安全性考虑（可能是这样，未找到权威资料），浏览器禁止二次执行javascript脚本，所以被加载的网页脚本代码就无法被有效地执行。

解决方式：

将被加载页面（如inc1.jsp）中的javascript脚本代码抽取到一个脚本文件中（如：inc1.js），通过ajax成功加载后，再将对应的js脚本文件加载到本页面即可。关键代码如下：

var script = document.createElement("script");
script.src = "/inc.js";

var body = document.body;
body.insertBefore(script, body.firstChild);