小编cal*_*zar的帖子

iframe 相对路径挑战

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

Folder1
   Folder2
      IframeCSS
          IframeCSS.Css
      iframePage1.html
stuff.css
parentPage1.html
Run Code Online (Sandbox Code Playgroud)

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

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

总的目标是让iframePage1.html看到IframeCSS.Css(和所有其他的HREF / SRC公司)通过相对链接(href="/IframeCSS/IframeCss.Css"

我尝试了几件事:

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

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

  2. 创建容器 Iframe 以获取 HTML,添加 Base,然后将 Contents 复制到显示的 Iframe

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

  3. 通过容器 iframe,使用 jquery,将父根附加到所有 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 …
Run Code Online (Sandbox Code Playgroud)

html iframe

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×1

iframe ×1