删除 iframe 中的 header.html答案

【问题标题】：Remove header.html inside iframe删除 iframe 中的 header.html
【发布时间】：2021-10-15 17:04:59
【问题描述】：

我有一个节点应用程序，在 index.html 中有以下代码在我的应用程序的每个页面中添加页眉、页脚等：

<body ng-app="myApp" class="paper-theme">

  <div id="wrapper" class="container-fluid" ng-controller="MainCtrl">

    <div ng-include="'views/header.html'"> </div>

    <div class="row">

      <div class="col-sm-3 col-md-2 sidebar">

          <div ng-include="'views/sidebar.html'"></div>

      </div>

      <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main p-5">

        <div ng-include="'views/breadcrumbs.html'"></div>

        <div class="ng-view"></div>

      </div>

    </div>

  </div>

  <!-- /. WRAPPER  -->

  <div ng-include="'views/footer.html'"> </div>

</body>

在特定页面 (training.html) 上，我添加了一个 iframe 以显示所选实验室：

  <iframe id="iframe0" name="myIframe" frameborder="5" width="1500" height="1500"></iframe>

在控制器 (trainingCtrl.js) 的一个函数中，我有以下代码来显示所选实验室：

...
  for (var i=0; i<d.children.length; i++) {
    lab=d.children[i].name;
    $('#iframe'+i).attr('src', 'http://localhost:18181/lab/use/NS/'+lab);
...
  };

加载 iframe 时，实验室已加载但与主页的标题相同。所以我想删除它。我尝试了各种解决方案，例如：

$("#iFrameId").contents().find("#yourDiv").empty();

或

$('#iFrameId').contents().find('.entry-footer').remove();

但它们都不起作用。

这是我的页面的样子，也是我想要删除的内容。

【问题讨论】：

标签： javascript html jquery node.js

【解决方案1】：

很遗憾，您无法从外部编辑 iframe 内容。这是为了防止第三方使用可能的恶意代码自定义 iframe 内容。

您应该探索有关创建页面的替代无头版本的选项，或者检查您的页面是否正在 iframe 中加载，然后相应地编辑其内容。如果您选择后一个选项，此解决方案应该可以帮助您获得转发：How to identify if a webpage is being loaded inside an iframe or directly into the browser window?

【讨论】：