Javascript css和js重复下载问题_Javascript_Html_Css_Download

Javascript css和js重复下载问题

javascript html css download

Javascript css和js重复下载问题,javascript,html,css,download,Javascript,Html,Css,Download,你好: 在我的应用程序中，我必须使用IFrame 例如，Default.aspx： ..... <body> <iframe src="01.aspx" .../> <iframe src="02.aspx" .../> <iframe src="03.aspx" .../> ......... </body> <html> <head><title>default page

你好: 在我的应用程序中，我必须使用IFrame

例如，Default.aspx：

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

<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>

如果框架是单独的页面，就像你有一个页面，点击一个链接，进入一个2页面，点击一个链接，进入一个3页面，如果page1，page2和Page3使用main.js，它会被加载3次

如果不想3次加载不使用iFrame

iFrame是单独的页面，就像你有一个页面，点击一个链接进入一个2页面，点击一个链接进入一个3页面，如果page1、page2和Page3使用main.js，则加载3次

如果不想3次加载，请不要使用iframe，这很简单-每个

iframe

必须单独加载

main.js

（以及其他资源）

Firebug显示了所有

iframe

s内部的所有HTTP请求。

很简单-每个

iframe

必须单独加载

main.js

（以及其他资产）

Firebug正在显示所有

iframe

s中的所有HTTP请求。

因此，如果我别无选择，只能使用iframe，那么就没有办法提高下载速度了？你可以创建一个全局js文件，并将其包含在default.aspx中。我已经尝试将main.js包含在default.aspx的头部，但它似乎在iframe中不起作用，这是因为在main.js中必须引用iframe。如果可以，请在此问题中发布源代码（或片段）。@dmarucco:谢谢您的关注，我已经更新了我的帖子。：）因此，如果我别无选择，只能使用iframe，那么就没有办法提高下载速度了？你可以创建一个全局js文件，并将其包含在default.aspx中。我已经尝试将main.js包含在default.aspx的头部，但它似乎在iframe中不起作用。这是因为在main.js中，你必须引用iframe。如果可以，请在此问题中发布源代码（或片段）。@dmarucco：谢谢您的关注，我已经更新了我的帖子。：）您还可以添加main.js的源代码吗？嗨，我更新了所有iframe共享的css文件。您还可以添加main.js的源代码吗？嗨，我更新了所有iframe共享的css文件。

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

<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>

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

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

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