Cách bao gồm HTML trong nhiều tài liệu sử dụng JavaScript

Nếu bạn muốn cùng một nội dung được sao chép trên nhiều trang của trang web, với HTML, bạn sẽ cần phải sao chép và dán nội dung đó theo cách thủ công. Nhưng với JavaScript, bạn có thể bao gồm các đoạn mã mà không cần bất kỳ tập lệnh máy chủ nào.

Độ khó: Trung bình

Thời gian bắt buộc: 15 phút

Dưới đây là cách thực hiện

  1. Viết HTML bạn muốn lặp lại và lưu nó vào một tệp riêng biệt.
    1. Tôi muốn lưu các tệp của tôi vào một thư mục riêng biệt, thường là "bao gồm". Tôi sẽ lưu thông tin bản quyền của mình trong một tệp bao gồm như sau: includes / copyright.js
  2. Vì HTML không phải là JavaScript, bạn cần thêm mã JS document.write vào mỗi dòng. document.write ("Bản quyền Jennifer Kyrnin 1992");
  3. Mở trang Web nơi bạn muốn tệp bao gồm hiển thị.
  4. Tìm vị trí trong HTML nơi tệp bao gồm sẽ hiển thị và đặt mã sau đây vào đó:
  5. Thay đổi đường dẫn và tên tệp để phản ánh vị trí tệp bao gồm của bạn.
  6. Thêm cùng mã đó vào mọi trang bạn muốn thông tin bản quyền của mình.
  7. Khi thông tin bản quyền thay đổi, hãy chỉnh sửa tệp copyright.js. Khi bạn đã tải lên, nó sẽ thay đổi trên mọi trang của trang web của bạn.

Lời khuyên

  1. Đừng quên document.write trên mỗi dòng HTML của bạn trong file js. Nếu không, nó sẽ không hoạt động.
  2. Bạn có thể bao gồm HTML hoặc văn bản trong một tệp JavaScript bao gồm. Bất cứ điều gì có thể đi trong một tập tin HTML tiêu chuẩn có thể đi trong một tập tin JavaScript bao gồm.
  3. Bạn có thể đặt JavaScript bao gồm bất cứ nơi nào trong tài liệu HTML của bạn, bao gồm cả đầu.
  4. Tài liệu trang web sẽ không hiển thị HTML được bao gồm, chỉ có cuộc gọi đến tập lệnh JavaScript.