HTML W3.JS 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:
nội dung.html
<a href="https://www.example.com.vn/html/">HTML</a><br>
<a
href="https://www.example.com.vn/css/">CSS</a><br>
<a
href="https://www.example.com.vn/bootstrap/">Bootstrap</a><br>
<a
href="https://www.example.com.vn/js/">JavaScript</a><br>
<a
href="https://www.example.com.vn/sql/">SQL</a><br>
<a
href="https://www.example.com.vn/php/">PHP</a><br>
<a
href="https://www.example.com.vn/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 :
Ví dụ
<div w3-include-html ="content.html"></div>
Thêm JavaScript
Việc bao gồm HTML được thực hiện bằng JavaScript.
Đảm bảo trang của bạn đã tải w3.js và gọi w3.includeHTML() :
Ví dụ
<script>
w3.includeHTML();
</script>
Ví dụ đầy đủ
Ví dụ
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Hãy tự mình thử » Với CSS »Bao gồm nhiều đoạn mã HTML
Bạn có thể bao gồm số lượng đoạn mã HTML bất kỳ:
Ví 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 đư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 đưa vào 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ó vào 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():
Ví dụ
<script>
w3.includeHTML( myCallback );
function myCallback() {
// code that has to wait goes here
}
</script>
Bạn sẽ tìm thấy ví dụ về lệnh gọi lại trong chương tiếp theo của hướng dẫn này.