相关疑难解决方法(0)

在另一个html文件中包含html

我有一个html"head"模板和一个导航模板,我希望将其包含在我网站的所有其他html文件中.我发现这篇文章:

在HTML文件中包含另一个HTML文件

我的问题是......如果它是我要包含的标题怎么办?

例如,我有以下文件结构:

 /var/www/includes/templates/header.html
                             navigation.html
Run Code Online (Sandbox Code Playgroud)

header.html可能如下所示:

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Test Portal</title>

 </head>
Run Code Online (Sandbox Code Playgroud)

在这样的情况下,我是否仍然可以按照其他帖子中的示例创建div并通过jquery填充div?

html javascript jquery include

16
推荐指数
5
解决办法
5万
查看次数

用其内容替换父元素

我正在尝试做与这个问题类似/相同的事情: How to remove only the parent element and not its child elements in JavaScript?

<div>
    This is some text here
    <h2>This is more text</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要的只是删除 H2 标签。结果应该是:

<div>
    This is some text here
    This is more text
</div>
Run Code Online (Sandbox Code Playgroud)

假设我已经有了 H2 元素:

if (parentElement.nodeName.toLowerCase() == "h2") {
    //now what? I basically want to this: $.replaceWith(parentElement.innerText)
    //just without jQuery
}
Run Code Online (Sandbox Code Playgroud)

javascript dom

8
推荐指数
2
解决办法
6500
查看次数

如何将一个HTML文件包含在另一个中?

我已经在stackoverflow上尝试了所有可能的问题,但无法解决此问题...

    <!--#include virtual="include.shtml"-->
    <!--#include virtual="include.html"-->
    <!--#include file="include.shtml"-->
    <!--#include file="include.html"-->
    <!--#include virtual="/include.shtml"-->
    <!--#include virtual="/include.html"-->
    <!--#include file="/include.shtml"-->
    <!--#include file="/include.html"-->
    <? include("/include.shtml"); ?>
    <? include("include.shtml"); ?>
    <? include("/include.html"); ?>
    <? include("include.html"); ?>
Run Code Online (Sandbox Code Playgroud)

我尝试使用在localhost/include/index.html运行的apache服务器或者文件:///home/sahil/Desktop/include/index.html以及所有上述包含,但它们都不适用于我:(.现在应该使用哪种方法我用来将一个HTML文件包含到另一个中,考虑到我的index.html和include.html都在同一个目录中???

html

7
推荐指数
2
解决办法
4万
查看次数

重用HTML的元素

我正在编写一个静态网站,它使用JQuery对RESTful API进行一些AJAX调用,并使用数据填充页面.

网站功能正常(并且很快),一切都很好.

当我扩展网站并添加其他页面时,我注意到我在每个页面上都复制了某些区域.

例如,每个页面共享一个共同的header元素.

<header>...Some non-trivial content...</header>
Run Code Online (Sandbox Code Playgroud)

不是在每个页面上重复这个定义,而是有一些机制,通过这个机制,我可以定义此部分一次并将其包含在每个文档中.

请记住,必须静态提供页面,但可以使用任何标准的投诉浏览器功能.

有没有一个很好的方法来做到这一点,它是什么,或者,我将不得不放弃我的客户端代码的这方面的DRY原则

html javascript jquery html5

7
推荐指数
2
解决办法
7818
查看次数

如何在Jekyll帖子中包含Rmarkdown/HTML文件

我正在使用Jekyll制作的静态网站,并在GitHub上托管.其中一个帖子看起来像这样

网站的正常视图

此外,我创建了一个Rmarkdown文件,我想将生成的html文件嵌入到帖子中.我在这里读到我只需要这样做:

您只需在项目的DocumentRoot中创建一个名为_includes /的文件夹,然后在其中创建一个HTML文件,例如"mycomponent.html"并在帖子中调用它,如下所示:

{% include mycomponent.html %}
Run Code Online (Sandbox Code Playgroud)

我在_includes /文件夹中添加了我的html文件,并在相应帖子的markdown文件末尾添加了这段代码.但是,当我这样做时,网站布局会完全改变

不受欢迎的网站外观

我有办法避免这种情况吗?该网站的所有文件都存储在这里.

编辑:

我发现它被建议做另外一个问题这个:

在我看来,最好的解决方案是:

使用jQuery:

a.html:

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head>
  <body> 
     <div id="includedContent"></div>
  </body> 
</html>
Run Code Online (Sandbox Code Playgroud)

b.html:

<p> This is my include file </p>
Run Code Online (Sandbox Code Playgroud)

我完全不明白.不知何故,网站的布局已恢复,但现在一些图像和htmlwidget丢失了.此外,页面的页脚完全搞砸了.

该网站的另一个不受欢迎的外观

html jekyll r-markdown

7
推荐指数
1
解决办法
817
查看次数

如何在php中包含像include这样的html文件?

我们如何在html中包含文件,就像我们通常在Php中包含文件一样.

<?php include "nav.php";?>
Run Code Online (Sandbox Code Playgroud)

html php header file include

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

将一个HTML文件插入另一个HTML文件

我正在建立一个巨大的网站,在所有页面上都有一个导航栏.是否可以在.html文件中创建导航栏并将其导入所有其他页面,如果是,如何?

html javascript php jquery

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

在R markdown中嵌入现有HTML

简单的问题,
是否有嵌入现有HTML输出的函数,在这种情况下,从R中的stargazer包输出到R Markdown脚本的表格输出?

html r rstudio stargazer

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

为多个页面编写一次Twitter Bootstrap导航栏

我正在尝试使用Twitter Bootstrap 3.我想让每个导航栏项目转到一个新的href.例如,我想将导航栏项目"约"和"联系"链接到对应的about.htmlcontact.html页面.

我发现的很多网站似乎只是在一个非常高的页面中滚动,但我并不是这种方法的忠实粉丝,因为当我浏览这些页面时,它总是会让我失望,看起来它会很慢当页面变大时

然而,导航栏项目转到新的href的麻烦似乎是我必须在更新和重写时保持所有页面上的导航栏代码同步.这显然是不正确的.

我是否误解了导航栏的预期用途 - 即使用hrefs是不正确的方法?如果没有,有人能告诉我在不同的html页面中重用导航条代码的有效方法吗?我找到了涉及使用.shtml文件的解决方案,但我更愿意在没有这个的情况下这样做.

编辑:一些解决方案确实提供了基本上包括html的可能性,这很棒.但这是"引导方式"做事吗?或者我是在努力使用旧系统,而应该采取另一种方式呢?这似乎是一个足够广泛的问题,我已经在这里问了一下.

twitter-bootstrap

5
推荐指数
1
解决办法
9048
查看次数

Pandoc 完全独立的 HTML 文件

我对 HTML 和 Javascript 知之甚少,我想了解以下内容:

我有一个主 HTML 文件,其中包含一些文本、图像......并且它还包含对其他本地 HTML 文件的内部引用,这些文件放在相对目录中。是否可以制作一个完全独立的 HTML 文件,其中其他文件仍然通过 URL 链接引用,但它们的内容只是记录在主文件中?

我在使用--self-containedPandoc 中的选项时遇到了这个问题,它只将所有必要的内容(CSS 样式表等)写入 HTML 标头,而主 HTML 文档仍然需要“查看”实际的本地文件。

到目前为止,我尝试过该iframe标签,但它总是打开,并且不是像一行 URL 链接那样简单地放在页面中。我已使用 HTML+javascript 阅读了此答案,但我不确定这是否与 Pandoc 兼容。

谁能帮助我了解这项任务的难度?

html javascript embed self-hosting pandoc

5
推荐指数
1
解决办法
5410
查看次数