我有一个html"head"模板和一个导航模板,我希望将其包含在我网站的所有其他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?
我正在尝试做与这个问题类似/相同的事情: 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) 我已经在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都在同一个目录中???
我正在编写一个静态网站,它使用JQuery对RESTful API进行一些AJAX调用,并使用数据填充页面.
网站功能正常(并且很快),一切都很好.
当我扩展网站并添加其他页面时,我注意到我在每个页面上都复制了某些区域.
例如,每个页面共享一个共同的header元素.
<header>...Some non-trivial content...</header>
Run Code Online (Sandbox Code Playgroud)
不是在每个页面上重复这个定义,而是有一些机制,通过这个机制,我可以定义此部分一次并将其包含在每个文档中.
请记住,必须静态提供页面,但可以使用任何标准的投诉浏览器功能.
有没有一个很好的方法来做到这一点,它是什么,或者,我将不得不放弃我的客户端代码的这方面的DRY原则?
我正在使用Jekyll制作的静态网站,并在GitHub上托管.其中一个帖子看起来像这样
此外,我创建了一个Rmarkdown文件,我想将生成的html文件嵌入到帖子中.我在这里读到我只需要这样做:
您只需在项目的DocumentRoot中创建一个名为_includes /的文件夹,然后在其中创建一个HTML文件,例如"mycomponent.html"并在帖子中调用它,如下所示:
Run Code Online (Sandbox Code Playgroud){% include mycomponent.html %}
我在_includes /文件夹中添加了我的html文件,并在相应帖子的markdown文件末尾添加了这段代码.但是,当我这样做时,网站布局会完全改变
我有办法避免这种情况吗?该网站的所有文件都存储在这里.
编辑:
我发现它被建议做另外一个问题这个:
在我看来,最好的解决方案是:
使用jQuery:
a.html:
Run Code Online (Sandbox Code Playgroud)<html> <head> <script src="jquery.js"></script> <script> $(function(){ $("#includedContent").load("b.html"); }); </script> </head> <body> <div id="includedContent"></div> </body> </html>b.html:
Run Code Online (Sandbox Code Playgroud)<p> This is my include file </p>
我完全不明白.不知何故,网站的布局已恢复,但现在一些图像和htmlwidget丢失了.此外,页面的页脚完全搞砸了.
我们如何在html中包含文件,就像我们通常在Php中包含文件一样.
<?php include "nav.php";?>
Run Code Online (Sandbox Code Playgroud) 我正在建立一个巨大的网站,在所有页面上都有一个导航栏.是否可以在.html文件中创建导航栏并将其导入所有其他页面,如果是,如何?
简单的问题,
是否有嵌入现有HTML输出的函数,在这种情况下,从R中的stargazer包输出到R Markdown脚本的表格输出?
我正在尝试使用Twitter Bootstrap 3.我想让每个导航栏项目转到一个新的href.例如,我想将导航栏项目"约"和"联系"链接到对应的about.html和contact.html页面.
我发现的很多网站似乎只是在一个非常高的页面中滚动,但我并不是这种方法的忠实粉丝,因为当我浏览这些页面时,它总是会让我失望,看起来它会很慢当页面变大时
然而,导航栏项目转到新的href的麻烦似乎是我必须在更新和重写时保持所有页面上的导航栏代码同步.这显然是不正确的.
我是否误解了导航栏的预期用途 - 即使用hrefs是不正确的方法?如果没有,有人能告诉我在不同的html页面中重用导航条代码的有效方法吗?我找到了涉及使用.shtml文件的解决方案,但我更愿意在没有这个的情况下这样做.
编辑:一些解决方案确实提供了基本上包括html的可能性,这很棒.但这是"引导方式"做事吗?或者我是在努力使用旧系统,而应该采取另一种方式呢?这似乎是一个足够广泛的问题,我已经在这里问了一下.
我对 HTML 和 Javascript 知之甚少,我想了解以下内容:
我有一个主 HTML 文件,其中包含一些文本、图像......并且它还包含对其他本地 HTML 文件的内部引用,这些文件放在相对目录中。是否可以制作一个完全独立的 HTML 文件,其中其他文件仍然通过 URL 链接引用,但它们的内容只是记录在主文件中?
我在使用--self-containedPandoc 中的选项时遇到了这个问题,它只将所有必要的内容(CSS 样式表等)写入 HTML 标头,而主 HTML 文档仍然需要“查看”实际的本地文件。
到目前为止,我尝试过该iframe标签,但它总是打开,并且不是像一行 URL 链接那样简单地放在页面中。我已使用 HTML+javascript 阅读了此答案,但我不确定这是否与 Pandoc 兼容。
谁能帮助我了解这项任务的难度?