Tôi đang sử dụng trang web-scraper npm cho cạp một trang web, //github.com/website-scraper/node-website-scraper
Tôi đã có những hình ảnh từ trang web được lưu trong thư mục Assests. Bây giờ tôi cần hiển thị các hình ảnh trong một HTML động mới mà tập lệnh này cần tạo và hiển thị hình ảnh này. Tôi đã thấy bài đăng này: Tạo tệp HTML với JavaScript nhưng dường như nó không giúp ích gì.
Làm cách nào để tạo HTML chỉ bằng JavaScript? Tạo một tệp HTML thực và lưu nó cục bộ. Hay tôi nên sử dụng nodejs? Chuyển hình ảnh cho phía máy chủ và gắn hình ảnh vào HBS? Sự lựa chọn khác?
Hỏi ngày 25 tháng 10 năm 2018 lúc 10:12Oct 25, 2018 at 10:12
Bạn có thể sử dụng API FileSystem để viết bất cứ điều gì bạn muốn vào bất kỳ tệp nào. Bạn sẽ tạo một chuỗi HTML bằng bất kỳ phương thức nào bạn muốn [ví dụ như nối chuỗi hoặc sử dụng các mẫu UnderCore.js] và sau đó ghi nó vào bất kỳ tệp nào bằng API hệ thống tập tin Node.js.
var fs = require['fs'];
var htmlContent = 'Whatever';
fs.writeFile['/my-page.html', htmlContent, [error] => { /* handle error */ }];
ph0enix
7502 huy hiệu vàng8 Huy hiệu bạc22 Huy hiệu đồng2 gold badges8 silver badges22 bronze badges
Đã trả lời ngày 25 tháng 10 năm 2018 lúc 10:21Oct 25, 2018 at 10:21
Denis Pshenovdenis PshenovDenis Pshenov
10,9k6 huy hiệu vàng40 Huy hiệu bạc41 Huy hiệu đồng6 gold badges40 silver badges41 bronze badges
Phương pháp DOMImplementation.createHTMLDocument[] tạo ra một HTML Document mới.DOMImplementation.createHTMLDocument[] method creates a new HTML Document. Cú pháp
createHTMLDocument[]
createHTMLDocument[title]
Thông số
title Tùy chọnOptional
Một chuỗi chứa tiêu đề để cung cấp tài liệu HTML mới.
Giá trị trả về
Một đối tượng HTML Document mới.
Ví dụ
Ví dụ này tạo ra một tài liệu HTML mới và chèn nó vào trong tài liệu hiện tại.
Đây là HTML cho ví dụ này:
Click here to create a new document
and insert it below.
Việc triển khai JavaScript của
createHTMLDocument[]
createHTMLDocument[title]
function makeDocument[] {
let frame = document.getElementById["theFrame"];
let doc = document.implementation.createHTMLDocument["New Document"];
let p = doc.createElement["p"];
p.textContent = "This is a new paragraph.";
try {
doc.body.appendChild[p];
} catch [e] {
console.log[e];
}
// Copy the new HTML document into the frame
let destDocument = frame.contentDocument;
let srcNode = doc.documentElement;
let newNode = destDocument.importNode[srcNode, true];
destDocument.replaceChild[newNode, destDocument.documentElement];
}
Mã trong các dòng 4 Tay12 Xử lý tạo tài liệu HTML mới và chèn một số nội dung vào đó. Dòng 4 sử dụng
createHTMLDocument[]
createHTMLDocument[title]
createHTMLDocument[]
createHTMLDocument[title]
createHTMLDocument[]
createHTMLDocument[title]
Dòng 16 kéo
createHTMLDocument[]
createHTMLDocument[title]
Xem ví dụ trực tiếp
Tài liệu được trả lại được xây dựng sẵn với HTML sau:
DOCTYPE html>
title
…
Thông số kỹ thuật
| DOM Standard # ref-for-dom-Domplementation-createhtmldocument① # ref-for-dom-domimplementation-createhtmldocument① |
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
Xem thêm
- Giao diện
5 thuộc về.createHTMLDocument[] createHTMLDocument[title]