Question

您好：在我的申请中，我必须使用IFrame。

例如，Default.aspx：

.....
<body>
  <iframe src="01.aspx" .../>
  <iframe src="02.aspx" .../>
  <iframe src="03.aspx" .../>
  .........
</body>

o1 / 02 / 03.aspx使用一些相同的css和js，例如：

01.aspx的负责人：

<script src="main.js" ... />

在02.aspx'head：

<script src="main.js" ... />

当我运行Default.aspx时，我发现main.js根据firebug下载了三次，我想知道为什么？

更新

Default.aspx的：

<html>
    <head><title>default page</title></head>
    <body>
        <iframe src="common/01.aspx" scroll="auto" />
        <iframe src="common/02.aspx" scroll="auto" />
        <iframe src="common/03.aspx" scroll="auto" />
    </body>
</html>

01.aspx：

<html>
    <head><title></title>
        <script type="javascript" src="js/main.js"/> 
    </head>
    <body>
        <table id="01">
        ......
        </table>
    </body>
</html>

02.aspx：

<html>
    <head><title></title>
        <script type="javascript" src="js/main.js"/> 
    </head>
    <body>
        <table id="02">
        ......
        </table>
    </body>
</html>

的main.css

table{
width:100%;
border-collapse:collapse;
border:1px solid blue;
}
....

Answer 1

这很简单 - 每个iframe必须单独加载main.js（以及其他资源）。

Firebug正在显示所有iframe内的所有HTTP请求。

Answer 2

iframe是单独的页面，就像你有1页，clik in a link并转到2页并点击链接并进入3页，如果page1，page2和page 3使用main.js它加载了3次。

如果不想加载3次，请不要使用iframe

css和js重复下载问题

2 个答案: