Question

我正在寻找与我在PHP中使用的技术相当的Javascript。也就是说，即使是最基本的页面设置也是如此：

<!DOCTYPE html>
    <html lang="en">
        <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

...在诸如＆＃39; doc_start.php＆＃39;之类的php文件中然后用...开始我网站的每个页面。

<?php require_once('/path/to/doc_start.php); ?>

现在我需要开始一个严格的HTML和JS（没有PHP）的项目，并希望采用类似的方法来避免重复基本的常见HTML元素。显然，我想做的不仅仅是这个非常基本的东西，比如在每个页面中导入JQuery，链接到一个通用的样式表等等。再次，在PHP中很容易，但我仍然是JS中的新手。< / p>

我已经阅读过有关HTML5的内容，但似乎无法找到解决我想要做的事情

Answer 1

Javascript和PHP是非常不同用途的不同语言。但假设你有一些元素，你不想重复一些元素，一个解决方案如下：

保存您不希望以字符串形式重复的HTML元素。然后使用.innerHTML属性添加元素。

.innerHTML属性将元素的标记存储为字符串。

例如，如果我们有以下<div>：

<div class="example"> <br> Hello there this is a test! </div>

...我们使用.innerHTML：

console.log(document.querySelector(".example").innerHTML);

它将输出“<br> Hello there this is a test!”。

我们可以使用+ =运算符添加到.innerHTML。因此，如果你想在体内添加一些东西，就像这样简单：

var something = "some HTML";
document.body.innerHTML += something;

希望这就是你要找的东西！

Answer 2

要将其他页面导入当前文档，您需要使用链接标记。

例如......

<head>
  <link rel="import" href="/path/to/imports/stuff.html">
</head>

这将允许您将其他html，css或javascript文档引用到您的页面中，而无需在每个页面中复制和粘贴相同的代码。

https://www.w3schools.com/html/html_links.asp

相当于PHP的Javascript包括

2 个答案: