我有一个页面,页面内有一个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”)。