[英]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 文档引用到您的页面中,而无需在每个页面中复制和粘贴相同的代码。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.