iframe 怎么继承父页面的 css 和 js？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3810 天前的主题，其中的信息可能已经有所发展或是发生改变。

项目是一个OA系统，页面中可能存在1个或2个iframe，每个iframe都有几个相同的css和js

现在问题是每次加载页面，js，css都出现重复加载的情况

12 条回复 • 2018-01-05 17:37:13 +08:00

dowern

2014-05-29 21:08:04 +08:00

一般同一个css或者js加载一次浏览器会缓存

summic

2014-05-29 21:17:19 +08:00

pjax 代替 iframe 可行么

jsonline

2014-05-29 21:20:21 +08:00

在 HTTP 头中加入 cache control。

jsonline

2014-05-29 21:21:08 +08:00

搞复杂的页面之前敢不敢读一读 HTTP 权威指南？

ksc010

2014-05-29 22:44:43 +08:00

有iframe肯定会“加载”两次的
但是非首次加载不一定会向服务器发起请求
具体看你缓存控制怎么设置

ejin

2014-05-29 23:55:31 +08:00

楼主请你搞清楚，iframe就是一个单独的网页窗口，你要什么js和css都要自己搞进去才会有，即便能实现继承父页面的，那么资源占用也超大。

如果真的要继承，AJAX或者PJAX是你的选择！

wulongqiu

2014-05-30 02:11:27 +08:00

LESS/SASS/AngularJS

insub

2014-05-30 03:18:00 +08:00 via iPad

@wulongqiu 这堆东西跟这个帖子有什么关系？

breeswish

2014-05-30 08:31:30 +08:00

@insub LESS/SASS可以用来做CSS Include；AngularJS效果和Ajax类似

wulongqiu

2014-05-30 09:03:11 +08:00

@insub
@breeswish
是的，没有直接关系，应该是一种更好的替代方案。

ahill

2018-01-05 17:35:46 +08:00

ahill

2018-01-05 17:37:13 +08:00