W3.JS Includes

2020-11-05 16:56 更新

包含一個(gè) HTML 文件

w3.includeHTML()

The HTML

保存 HTML 在你想包含的 HTML 文件中

content.html

<a href="http://hgci.cn/html/">HTML</a><br>
<a href="http://hgci.cn/css/">CSS</a><br>
<a href="http://hgci.cn/bootstrap/">Bootstrap</a><br>
<a href="http://hgci.cn/js/">JavaScript</a><br>
<a href="http://hgci.cn/sql/">SQL</a><br>
<a href="http://hgci.cn/php/">PHP</a><br>
<a href="http://hgci.cn/w3css/">W3.CSS</a><br>

Include the HTML

Including HTML 是通過使用 w3-include-html 屬性:

<div w3-include-html="content.html"></div>

添加JavaScript

HTML 包括是由 JavaScript 完成的。

確保你的頁面已經(jīng)加載了 w3.js 并調(diào)用w3.includeHTML():

<script>w3.includeHTML();</script>

完整的示例

實(shí)例

<div w3-include-html="content.html"></div>
<script>w3.includeHTML();</script>

嘗試一下 ?   添加上CSS ?

Include許多HTML片段

你可以包括任何數(shù)量的 HTML 片段:

實(shí)例

<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<
script>
w3.includeHTML();</script>

嘗試一下 ?   添加上CSS ?

添加回調(diào)函數(shù)

在 web 頁面中包含 HTML 片段時(shí),必須確保在正確包含 HTML 之前不會(huì)執(zhí)行依賴于所包含 HTML 的其他函數(shù)。

“保留”代碼的最簡(jiǎn)單方法是將其放在回調(diào)函數(shù)中。

可以在w3.includeHTML()中添加回調(diào)函數(shù)作為參數(shù):

你將在本教程的下一章找到一個(gè)回調(diào)示例。





以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)