gpt4 book ai didi

html - Iframe 相对路径挑战

转载 作者:搜寻专家 更新时间:2023-10-31 08:32:46 26 4
gpt4 key购买 nike

我有一个页面,在该页面内我有一个 Iframe。目录如下:

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

在 iframePage 中它通过使用相对链接引用 IframeCSS.Css 所以 /IframeCss/IframeCSS.Css

由于应用程序的性质,我无法通过硬代码更改 iframe 页面的链接(修改物理 iFrame Html 页面)

总体目标是让 iframePage1.html 通过相关链接 (href="/IframeCSS/IframeCss.Css")

我尝试了一些事情:

  1. 动态添加基本路径到 Iframe

    这失败了,因为 base 只能在 iframe 加载后添加,从而使链接表现得好像 base 不存在一样

  2. 创建容器 iframe 以获取 HTML,添加 Base,并将内容复制到显示的 iframe

    由于上述原因失败,此方法也会导致加载 Google Map API 时出现问题

  3. 遍历容器 iframe,使用 jquery,将父根附加到所有 src 和 href 以更改 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”)。

关于html - Iframe 相对路径挑战,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19256735/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com