W3.JS HTML включает
Включить HTML-файл:
w3.includeHTML()
HTML
Сохраните HTML-код, который вы хотите включить в файл .html:
содержание.html
<a href="https://www.w3schools.com/html/">HTML</a><br>
<a
href="https://www.w3schools.com/css/">CSS</a><br>
<a
href="https://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a
href="https://www.w3schools.com/js/">JavaScript</a><br>
<a
href="https://www.w3schools.com/sql/">SQL</a><br>
<a
href="https://www.w3schools.com/php/">PHP</a><br>
<a
href="https://www.w3schools.com/w3css/">W3.CSS</a><br>
Включить HTML
Включение HTML выполняется с помощью атрибута w3-include-html :
Пример
<div w3-include-html="content.html"></div>
Добавьте JavaScript
Включения HTML выполняются с помощью JavaScript.
Убедитесь, что на вашей странице загружен w3.js , и вызовите w3.includeHTML() :
Пример
<script>
w3.includeHTML();
</script>
Полный пример
Пример
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Включить много фрагментов HTML
Вы можете включить любое количество фрагментов HTML:
Пример
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
<html>
Добавление функции обратного вызова
Когда вы включаете фрагменты HTML в веб-страницу, вы должны гарантировать, что другие функции, зависящие от включенного HTML, не будут выполняться до того, как HTML будет правильно включен.
Самый простой способ «удержать» код — поместить его в функцию обратного вызова.
Функция обратного вызова может быть добавлена в качестве аргумента для w3.includeHTML():
Пример
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Вы найдете пример обратного вызова в следующей главе этого руководства.