将js预加载到iFrame

时间:2015-10-01 18:15:37

标签: javascript jquery html iframe

我正在构建一个iFrame供第三方使用。现在,对于iFrame,我需要一些供应商文件,例如jQuery, jQuery-UI, jQuery-validate, font-awesome。这延长了装载过程。加快加载的解决方案是什么?

我想到的一些解决方案是:

1)很可能客户端已经加载了一些。如果我可以使用它们,可以缩短加载时间。但我尝试这样做却没有成功。

2)在使用我的iFrame之前,客户可能会浏览客户端网站。如果我可以利用这段时间下载文件然后将它们注入iFrame,那么它可能会缩短时间延迟。

我的方法:

我将jQuery文件添加到head的{​​{1}},如下所示:

iFrame

但是,当服务器呈现var s = document.createElement("script"); s.type = "text/javascript"; s.src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.8.0/jquery.selectBoxIt.min.js'; $('#pg-iframe').contents().find("head").append(s); 页面时,头标记将被呈现页面的头标记替换。因此,我需要在html页面中使用iFrame标记,从而以多次下载结束。

我是在想正确的方法还是搞砸了。得到一些反馈可能会很棒。

0 个答案:

没有答案