我有一个页面,页面内有一个iframe。目录如下:

Folder1
   Folder2
      IframeCSS
          IframeCSS.Css
      iframePage1.html
stuff.css
parentPage1.html

在iframepage中,它使用相对链接引用IframeCSS.Css,因此/IframeCss/IframeCSS.Css
由于应用程序的性质,我无法通过硬代码更改iframe页面的链接(修改物理iframe html页面)
总体目标是通过相对链接(iframePage1.html)让IframeCSS.Css看到href="/IframeCSS/IframeCss.Css"(以及所有其他href/src)
我试过几件事:
向iframe动态添加基路径
之所以失败,是因为该基只能在加载后加载,从而使链接行为像基一样不存在。
创建一个容器iframe以获取html,添加基,并将内容复制到显示的iframe
由于上述原因,此操作失败,此方法还导致加载google map api时出现问题
使用jquery遍历容器iframe,将父根附加到所有src和hrefs,以更改url
这也失败了。
你们建议我现在怎么办?
(iframe指向同一个域,用户需要能够在iframe中导航)
父HTML:
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" href="cmsCSS/CmsStyle.css" />
    <title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="CmsScript.js"></script>
<script src="Insights.js"></script>
</head>

<body id="Dash">

    <form id="form1" runat="server">
    <div id="topDash">
        <img id="something" src="img/logo.png" />

    </div>

    </form>
         <iframe id="dashBody"></iframe>
         <iframe id="iframeContainer"></iframe>
</body>
</html>

最佳答案

使用相同的目录结构-

href="IframeCSS/IframeCss.css"

没用?如果没有“/”则将其保存在同一目录中。相反,使用“../”意味着返回一个目录。因此,如果您试图向后移动,可以继续添加“../”(例如:“../../../stuff.css”)。

08-15 16:00