jquery ajax加载页面中的js代码怎么执行

jquery ajax加载页面中的js代码如何执行？
demo.html

<script type="text/javascript">
    function loadPage() {
        $.ajax({
            url: 'page.html',
            type: 'post',
            success: function (responseText) {
                $('#div1').html(responseText);
            }
        });
    }
</script>
<input type="button" onclick="loadPage();" value="加载" />
<div id="div1"></div>

page.html

<script type="text/javascript">
    function test() {
        alert('hello world!');
    }
</script>
<input type="button" onclick="test();" value="执行" />

以上是2个html测试页面，实际使用的语言是asp.net c#

问题：
当demo页面加载page页面后，html代码就会被加载到div1容器里面，不过里面的javascript代码不会执行，点击执行按钮是无效的。

请问如何让加载的页面中javascript代码能够执行？

还有如果被加载的页面使用外部js文件又能否执行？例如<script type="text/javascript" src="/js/test.js"></script>
[解决办法]
http://www.cnblogs.com/fightLonely/archive/2011/06/14/2080355.html -- 解决方案

查看更多 下一篇