Как использовать один и тот же HTML -Блок на нескольких сайтах? - PullRequest
Новая
       29

Как использовать один и тот же HTML -Блок на нескольких сайтах?

0 голосов
/ 10 июля 2020

Я просто кодирую свой первый веб-сайт, и на нем много дополнительных сайтов. Каждому веб-сайту в какой-то момент нужен один и тот же блок кода. Этот блок кода просто содержит код HTML. Можно ли с помощью этого блока кода создать данные и импортировать их на любой сайт? Моя цель: если мне нужно обновить блок кода, я просто хочу сделать это один раз.

Блок кода является боковой панелью и выглядит так: 

<div id="sidebar">
    <div class="inner">
        <nav id="menu">
            <ul>
            <li><a href="../index.html">Homepage</a></li>
            <li>
                <span class="opener">SomeName</span>
                <ul>
                <li><a href="../Somestuff/SomeWebsite.html">Main Page</a></li>
                </ul>
            </li>
            </ul>
        </nav>
    </div>
</div>

Ответы [ 3 ]

2 голосов
/ 10 июля 2020

Этот вопрос может быть полезен. Также этот пост спрашивает о подобных вещах.

Также для таких целей используются фреймворки (такие как Vue, React, Angular ...).

0 голосов
/ 10 июля 2020

Вы можете создать простую JS функцию, которая устанавливает внутренний HTML уже существующего элемента HTML. И поместите функцию во внешний файл JS.

пример ниже 

<!DOCTYPE html>

<head>
    <title>Test</title>

    <!-- link external js file with create element function -->
   <script type="text/javascript">
        function createElement(){
            //Get parent container
            const parent = document.getElementById('sidebar');

            //Set inner html 
            parent.innerHTML = 
            `<div id="sidebar">
                <div class="inner">
                    <nav id="menu">
                        <ul>
                        <li><a href="../index.html">Homepage</a></li>
                        <li>
                            <span class="opener"SomeName</span>
                            <ul>
                            <li><a href="../Somestuff/SomeWebsite.html">Main Page</a></li>
                            </ul>
                        </li>
                        </ul>
                    </nav>
                </div>
            </div>`;
        }
   </script>
</head>
<body>
    
    <div id="sidebar">
        <script type="text/javascript">
            createElement();
        </script>
    </div>


</body>

</html>
0 голосов
/ 10 июля 2020

Какие расширения у вашего файла? Php или html? Потому что, если это php, вы можете создать новый файл (например: nav. php), а затем на всех дочерних сайтах, которые вам нужно сделать: require path_to_your_nav. php

Если это html , не знаю, решения пока нет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...