繁体   English   中英

HTML 等价于 PHP 包含的 JavaScript 部分

[英]HTML equivalent of PHP include for JavaScript parts

我正在寻找与我一直在 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">

...在像“doc_start.php”这样的 php 文件中,然后用 ...

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

现在我需要开始一个严格的 HTML 和 JS(没有 PHP)的项目,并且想要一种类似的方法来避免重复基本的、常见的 HTML 元素。 显然,我想做的不仅仅是这些非常基本的东西,比如在每个页面中导入 JQuery,链接到一个通用的样式表等。同样,在 PHP 中都很容易,但我仍然是 JS 的新手。

我已经阅读了 HTML5 包含的内容,但似乎找不到任何可以解决我想做的事情的内容

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 所以如果你想在 body 里面添加一些东西,就像这样简单:

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

希望这就是你要找的!

为了将其他页面导入您当前的文档,您需要使用链接标签。

例如……

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM