【问题标题】:Is there that I can continue my HTML code in another page, while being in the main code?有没有我可以在另一个页面中继续我的 HTML 代码,同时在主代码中?
【发布时间】:2017-12-11 12:57:47
【问题描述】:

我可以在另一个页面中继续我的 HTML 代码,同时在主代码中吗?

例如,在 HTML 中,您可以制作 1000 个额外的 JS 页面,然后使用类似

<script src="js/example.js"></script>

为了让 HTML 页面看起来更干净,并且减少额外的 JS 代码的阻碍, 有没有一种方法可以让我继续向另一个页面添加更多的 HTML 元素,同时使用我主页中的相同内容?

我写了很多 HTML,不想让主页太乱

【问题讨论】:

  • 考虑使用 React 和 JSX 来编写类似 HTML 的组件
  • 你可以编写自己的 js 来通过 ajax 检索 html,这里最大的问题是最后如何拼凑起来。您要么必须等到整个文档被加载才能将其放入 DOM 中,要么有一些模板系统来定义内容应该在哪里结束。我认为你最好使用基于 PHP 或 RUBY(或等效的服务器语言)的模板引擎,它可以在没有网络调用的情况下做同样的事情。

标签: javascript html


【解决方案1】:

如果您将文件重命名为filename.php,则可以使用包含函数。代码应如下所示:

<?php

include 'header.html';

?>

您可能应该将文件放在正文中。只是一个警告:一开始 PHP 很难学习,尤其是因为您必须托管服务器并做许多其他事情。要了解有关该主题的更多信息,请访问以下网站:

W3schools PHP tutorial

XXAMP

【讨论】:

    【解决方案2】:

    使用 jQuery .load()

    $('#idofDiv').load('file.html');
    

    【讨论】:

    • 您将使用该 jquery 代码将 html 文件加载到主 index.html 上的
    【解决方案3】:

    您可以考虑使用 .php 和使用 php 包含。

    【讨论】:

    • 这是一个很简单的答案。你应该详细说明你指的是什么。
    • 想解释一下这个答案吗?
    • 我这种大佬不用解释!
    猜你喜欢
    • 2015-08-26
    • 1970-01-01
    • 1970-01-01
    • 2022-07-21
    • 2019-06-20
    • 1970-01-01
    • 2010-11-28
    • 2015-12-19
    • 1970-01-01
    相关资源
    最近更新 更多