gpt4 book ai didi

javascript - 通过javascript在html中包含html

转载 作者:可可西里 更新时间:2023-11-01 12:50:12 25 4
gpt4 key购买 nike

我的问题和这个类似 How to include an HTML page into another HTML page without frame/iframe?

但答案对我不起作用。对象和 iframe 创建一个带滚动条的框,这是我不想要的,如果我有指向其他页面的链接,我希望整个页面都发生变化,而不仅仅是框内的内容。

这条指令不起作用

<!--#include virtual="/footer.html" -->

我只想使用 html,因为网站就是这样构建的,我们不会重新设计它。我这样做只是为了修改内容。

在 javascript 文件中编写 html 页眉(或页脚)然后在我的所有 html 文件中包含 .js 是一种不好的做法吗?


第一次编辑

我有大约 70 个不同的 html 静态页面。我想更新 Logo 、菜单、网站的元描述、文本颜色等内容,但目前,我必须对这些修改中的每一项进行 70 次不同的修改。

我在菜单的 html 部分使用了 javascript,因为无论如何菜单都可以使用 javascript,并将该文件包含在我所有的 html 文件中。

function writeJS(){
var strVar="";
strVar += "<body bgcolor=\"#000000\">";
strVar += "<div class=\"Main_container\">";
...
document.write(strVar);
}
writeJS();

例如,我不知道对这些标签做同样的事情是好还是坏。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" ...

第二次编辑

虽然 html/javascript 选项是可行的,但我们还是决定花几天时间去创建一个 wordpress.org 网站(从长远来看更便宜、更好)。

最佳答案

This instruction doesn't work at all

<!--#include virtual="/footer.html" -->

...可能是因为未启用 SSI。大概你告诉我们这个是因为你认为它会给你想要的结果 - 暗示问题的一部分是为什么它不起作用?你做了什么调查?

Is it a bad practice to write an html header (or footer) in a javascript file then include the .js in all of my html files?

这不是坏习惯 - 它不会起作用 - 你可以从 javascript 注入(inject) html - 但你需要 javascript 代码来进行注入(inject)。这也与您之前的声明相矛盾:

I want to use only html

您提供的代码不会注入(inject) html,而是附加它。 document.write 的问题在于它只写入文档输入流的末尾。如果该流已经关闭,它会重新打开它并清除当前的 HTML。从来没有充分的理由使用 document.write()。考虑:

<html>
<div id="header">
<noscript>....</noscript>
</div>
<div id="page_specific_content">
...
</div>
<div id="footer">
<noscript>....</noscript>
</div>
</html>

和...

 function addHeader()
{
var el=document.getElementById("header");
if (el) {
el.innerHTML="...";
}
}

但这仍然不是编写动态网站的糟糕方法。即使您不想在您的生产服务器上运行 ASP 或 PHP 或 PERL 或服务器端 JS 或...,使用适当的 CMS 或模板系统进行开发然后将 HTML 抓取到获取用于发布的静态版本。

关于javascript - 通过javascript在html中包含html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17171916/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com