W3.JS HTML Bao gồm
Bao gồm một tệp HTML:
w3.includeHTML()
HTML
Lưu HTML bạn muốn đưa vào tệp .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>
Bao gồm HTML
Việc bao gồm HTML được thực hiện bằng cách sử dụng thuộc tính w3-include-html :
Thí dụ
<div w3-include-html="content.html"></div>
Thêm JavaScript
HTML bao gồm được thực hiện bởi JavaScript.
Đảm bảo rằng trang của bạn đã tải w3.js và gọi w3.includeHTML () :
Thí dụ
<script>
w3.includeHTML();
</script>
Đầy đủ ví dụ
Thí dụ
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Bao gồm nhiều đoạn mã HTML
Bạn có thể bao gồm bất kỳ số lượng đoạn mã HTML nào:
Thí dụ
<!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>
Thêm chức năng gọi lại
Khi bạn đưa các đoạn mã HTML vào một trang web, bạn phải đảm bảo rằng các chức năng khác phụ thuộc vào HTML được bao gồm sẽ không thực thi trước khi HTML được đưa vào đúng cách.
Cách dễ nhất để "giữ lại" mã là đặt nó trong một hàm gọi lại.
Một hàm gọi lại có thể được thêm làm đối số cho w3.includeHTML ():
Thí dụ
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Bạn sẽ tìm thấy một ví dụ gọi lại trong chương tiếp theo của hướng dẫn này.