W3.JSHTMLに含まれるもの
HTMLファイルを含める:
w3.includeHTML()
HTML
.htmlファイルに含めるHTMLを保存します。
content.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>
コールバック関数の追加
WebページにHTMLスニペットを含める場合は、HTMLが適切に含まれる前に、含まれているHTMLに依存する他の関数が実行されないようにする必要があります。
コードを「抑える」最も簡単な方法は、コードをコールバック関数に配置することです。
コールバック関数は、引数としてw3.includeHTML()に追加できます。
例
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
このチュートリアルの次の章にコールバックの例があります。