一个页面多个ifram加载JS问题

BuBu高打火机 2017-06-19 02:54:43

我一个页面中有多个iframe标签，每个iframe引入的HTML文件，都会加载相同的JS和CSS，但是iframe过多，导致加载的JS（200K/个）和CSS（3K/个）占用过多的加载资源，有没有什么办法能够一次性加载，然后用于iframe中？我没有用任何框架，纯前端，不涉及后台。因为做的是一个类似教程的页面，每个iframe里面放的是代码例子，如果全拿到一个HTML中会显得代码太凌乱了。大家给想想办法吧。

...全文

840 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

BuBu高打火机 2017-06-21

打赏
举报

回复

引用 3 楼 github_37125043 的回复:

可以的，只要引用的是相同js、css

谢谢啦，我仔细看了一下加载项，好像真的只加载了一遍

CN-cheng 2017-06-20

打赏
举报

回复

可以的，只要引用的是相同js、css

BuBu高打火机 2017-06-19

打赏
举报

回复

引用 1 楼 github_37125043 的回复:

加载的js和css放到iframe父级，iframe中引用相同js和css会从缓存里找

如果index.html和iframe引入的页面路径不同怎么办？也同样能行么？

CN-cheng 2017-06-19

打赏
举报

回复

加载的js和css放到iframe父级，iframe中引用相同js和css会从缓存里找

ifram jQuery-online xuanzuowei(动态加载) seat

最近，天天搞论文开题报告，一时技痒，再次设计Web，一下子就碰到一个问题，以前设计WEB页的时候都是在IE里面跑的，从来没有考虑过firefox 更别提chrome了，可是现在不同了，至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的，所以从有个这个观念开始，我设计页面就开始

多个iframe，显示其中一个frame中的div，并处于最上层显示并且页面中的填写的值，可以传到弹出的div页面中最近一段时间在做这个东西，给大家分享一下附带测试代码 js弹出div层

web中使用IFRAM实现自适应高度，文档简洁，适合快速学习。

在项目中经常要动态添加iframe，然后再对添加的iframe进行相关操作，有时候会遇到iframe加载很慢什么原因呢，该如何解决呢？带着这个问题一起通过本文学习，寻找答案吧！ aaa.html <HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src=bbb.html name=bbb width=100% height=190> </IFRAME> <INPUT type=button value=显示text控件值 onclick=alert(bbb.document.all.txt.value)>

43,740

社区成员

5,574

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章