了解如何在包含HTML HTML片段。
該HTML
節省您想在一個.html文件,包括HTML:
content.html
<a href="http://www.w3ii.com/html/default.html">HTML</a><br>
<a
href="http://www.w3ii.com/css/">CSS</a><br>
<a
href="http://www.w3ii.com/bootstrap/">Bootstrap</a><br>
<a
href="http://www.w3ii.com/js/">JavaScript</a><br>
<a
href="http://www.w3ii.com/sql/">SQL</a><br>
<a
href="http://www.w3ii.com/php/default.html">PHP</a><br>
<a
href="http://www.w3ii.com/w3css/default.html">W3.CSS</a><br>
包括HTML
包括HTML通過使用完成W3-包括HTML屬性:
例
<div w3-include-html ="content.html"></div>
添加的JavaScript
HTML包括由JavaScript完成。
確保您的頁面加載w3data.js並調用w3IncludeHTML():
例
<script>
w3IncludeHTML();
</script>
完整的例子
例
<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
試一試» 包括許多HTML片段
您可以包括任何數量的HTML片段中:
例
<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>
<div
w3-include-HTML="h1.html"></div>
<div
w3-include-HTML="content.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
<html>
試一試»