与我联系

ajax加载html和里面的js文件

2016-3-26 一诺 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,这么小小的需求,难道就没有简单且高效的方法吗,答案肯定是有的。经过一番思考后,一方法涌现,试之,成功,大喜,遂记之。
实现代码:
    闲话少叙,附上方案
    <!-- 需要被加载进来的html文件通过ajax的方式引入js文件就可以了 -->
    <script>
        $.getScript('js路径', function() {
            //需要执行的其他js代码
        });
    </script>
    是的,就是这么简单,很多事情都是这样,想复杂了,就真的复杂了。

标签: js ajax

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

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

发表评论:

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog