HTML-эквивалент PHP включает части JavaScript

avatar
curiojeff
7 апреля 2018 в 22:47
2672
2
1

Я ищу Javascript-эквивалент метода, который я использовал в PHP. То есть разместить даже самые элементарные настройки страницы:

<!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">

... в php-файле, таком как 'doc_start.php', а затем начинать каждую страницу моего сайта с...

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

Теперь мне нужно начать проект, который будет строго HTML и JS (без PHP), и мне нужен аналогичный способ, чтобы избежать дублирования основных, общих элементов HTML. Очевидно, я хочу сделать больше, чем эти самые базовые вещи, такие как импорт JQuery на каждой странице, ссылка на общую таблицу стилей и т. д. Опять же, все просто в PHP, но я все еще новичок в JS.

Я читал о включениях HTML5, но не могу найти ничего, что соответствовало бы тому, что я хочу сделать

Источник
lkbaerenfaenger
28 марта 2020 в 12:12
0

Я не согласен с тем, что это дублирующий вопрос. OP не хочет знать, как включить один JS-файл в другой, а как включить одну часть HTML-документа в другую - сравнимо с тем, что делает PHP include или механизмы шаблонов. Не всегда торопитесь закрывать вещи!

Ответы (2)

avatar
Simone Anthony
8 апреля 2018 в 01:26
0

Чтобы импортировать другие страницы в текущий документ, необходимо использовать тег ссылки.

Например....

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

Это позволит вам ссылаться на другие документы html, css или javascript на вашей странице без копирования и вставки одного и того же кода на каждой странице.

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

avatar
PolymorphismPrince
7 апреля 2018 в 23:38
0

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;

Надеюсь, это то, что вы искали!