ajax加载html和里面的js文件

2016-3-26 Jon js+jquery+ajax

需求背景：
    昨天写代码，遇到一个问题，通过ajax异步加载另一个html文件在当前页面显示，发现加载进来的html文件里面引用的js文件无法执行，就像是来了yuejing的少女羞羞哒哒地跟我说不能上她一样，甚是苦恼。放到html文件里面吧，代码太多切不宜维护。遂摆渡了下，给出的解决方案大致以下几种：
1、采用附加一个iframe的方法去执行js（看到iframe就不想试）
2、document.write输出代码（试下好像也无效）
3、js放到父页面（代码冗余且不一定可行）
4、eval（低效且不安全）
5、正则匹配加载（复杂且兼容性低）
6、js调用html（麻烦）
    我只是想加载个js，这么小小的需求，难道就没有简单且高效的方法吗，答案肯定是有的。经过一番思考后，一方法涌现，试之，成功，大喜，遂记之。
实现代码：
    闲话少叙，附上方案
    
    <script>
        $.getScript('js路径', function() {
            //需要执行的其他js代码
        });
    </script>
    是的，就是这么简单，很多事情都是这样，想复杂了，就真的复杂了。

标签: js ajax

分享这篇文章

赞助鼓励：如果觉得内容对您有所帮助，您可以支付宝(左)或微信(右)：

声明：如无特殊注明，所有博客文章版权皆属于作者，转载使用时请注明出处。谢谢！

下一篇jquery使用ajax时让其可跟踪历史前进和后退demo
上一篇div模拟textarea在光标位置插入数据代码示例

发表评论：

知向前端

ajax加载html和里面的js文件

声明：如无特殊注明，所有博客文章版权皆属于作者，转载使用时请注明出处。谢谢！

搜索

日历

最新微语

最新评论

分类

随机文章

最新文章

热门文章

存档