HTML导入不起作用

时间:2016-12-22 11:55:07

标签: html import

我正在尝试使用HTML导入标题和&在我的网站上的页脚,因为我将经常更新这些页面,并希望避免手动更新每个页面。

这是导入代码,它包含在我的index.html文件中的标记中:

<link rel="import" href="/includes/header.html">

这不起作用(没有任何变化),同样适用于页脚。

以下是header.html文件的内容:

<nav style="background: none;width:100%;border:none" class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
  </div>
  <a class="navbar-brand" href="/">
    <img src="/logos/logo.png" style="width:150px; display:inline;">
  </a>
  <div class="navbar-collapse collapse">
    <!-- <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Left</a></li>
                        <li><a href="#about">Left</a></li>
                    </ul>-->
    <ul class="nav navbar-nav navbar-right" style="float:right;display:inline;position:relative;">
      <li><a href="/mission" style="color:white;">Our Mission</a>
      </li>
      <!--<li><a href="#contact">Right</a></li>-->
    </ul>
  </div>
</nav>

3 个答案:

答案 0 :(得分:0)

尝试使用:

public class NumberTableCellFactory<S, T> implements Callback<TableColumn<S, T>, TableCell<S, T>> {

    private final int startNumber;

    public NumberTableCellFactory(@NamedArg("startNumber") int startNumber) {
        this.startNumber = startNumber;
    }

    public NumberTableCellFactory() {
        this(1);
    }

    public static class NumberTableCell<S, T> extends TableCell<S, T> {

        private final int startNumber;

        public NumberTableCell(int startNumber) {
            this.startNumber = startNumber;
        }



        @Override
        public void updateItem(T item, boolean empty) {
            super.updateItem(item, empty);

            setText(empty ? "" : Integer.toString(startNumber + getIndex()));
        }

    }

    @Override
    public TableCell<S, T> call(TableColumn<S, T> param) {
        return new NumberTableCell<>(startNumber);
    }

    public static <T> TableColumn<T, Void> createNumberColumn(String text, int startNumber) {
        TableColumn<T, Void> column = new TableColumn<>(text);
        column.setSortable(false);
        column.setEditable(false);
        column.setCellFactory(new NumberTableCellFactory<>(startNumber));
        return column;
    }

}
&#34;。&#34;说看路径中的文件夹

答案 1 :(得分:0)

尝试使用<?php include "/includes/header.html"; ?> 如果不是,请添加link tag inside head tag

答案 2 :(得分:0)

HTML Import仅在Chrome中原生使用。自版本31以来,Google Chrome已获得支持,但您仍需要手动启用该功能。有关详情,请点击enter link description here

Firefox不支持。

所以,我建议您使用PHP函数includerequire_once