Блог

Главная - Вопросы по программированию - Как мне использовать атрибут src для связывания HTML-кода?

Как мне использовать атрибут src для связывания HTML-кода?

#html #web

#HTML #web

Вопрос:

Итак, я знаю, что в HTML вы можете сделать

 <script src="myscripts.js"></script>

Но возможно ли как-то связать HTML-страницу? Например:

 <html src="testing.html"></html>

Комментарии:

1. если вы используете php-файл, вы можете использовать include, но если вы этого не делаете, вы можете использовать JS вот пример из w3schools

Ответ №1:

Ну, я бы использовал iframe . <iframe> Тег указывает встроенный фрейм. Встроенный фрейм используется для встраивания другого документа в текущий HTML-документ.

Попробуйте это:

 <body>
  <iframe src="testing.html" frameborder="0" scrolling="yes"></iframe>
</body>

Вам также понадобится некоторый CSS, а именно:

 body{
   border: 0;
}
iframe {
   width: 100vw;
   height: 100vh;
}

Итак, основываясь на приведенном выше коде, вот пример фрагмента:

 body {
  border: 0;
}
iframe {
  width: 100%;
  height: 100%;
} 
 <body>
  <iframe src="https://example.com" frameborder="0" scrolling="yes"></iframe>
</body>

Надеюсь, я смогу помочь

Ответ №2:

Вы можете попробовать несколько способов, но вам может потребоваться прочитать об этом:

  1. <template/> теги-заполнители для записи новых элементов
  2. Попробуйте использовать Javascript (ограниченный тем, что вы должны соблюдать CORs, а также без встроенных скриптов). Например.

    fetch('https://url.com/something.html').then(data => document.getElementById('x').innerHTML = data.text())

  3. Используйте IFrames. <iframe src=""/>
  4. Используйте некоторый механизм создания шаблонов в зависимости от языков, например
  • PUG / Jade (генератор шаблонов),
  • Freemarker (Java),
  • React, angular (JS).

Второй вариант 2) всегда будет создавать проблемы с безопасностью, и вы также столкнетесь с некоторыми препятствиями в будущем, например, выполнение скриптов и т. Д.

Третий 3) может быть лучшим вариантом, если вы размещаете весь html. Ваши заботы будут связаны с взаимодействием между текущей страницей и изменением размера.

Но прямое внедрение HTML во время выполнения сопряжено с рисками, вы не будете знать, что будет представлять собой содержимое, и это не рекомендуемый способ. Вы также рискуете привести к несоответствию дочернего HTML-кода, например <html><title><html><title></title></html><body>..