Tạo HTML Document với URL tùy chỉnh trong JavaScript

Sử dụng document.implementation.createHTMLDocument() để tạo document mới, sau đó thêm thẻ <base> để đặt URL cơ sở.

Ví dụ

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tạo HTML Document</title>
</head>
<body>
    <script>
        const htmlDocument = document.implementation.createHTMLDocument();
        
        // Tạo thẻ base với URL tùy chỉnh
        const customURL = htmlDocument.createElement('base');
        customURL.href = "https://www.example.com/java/index.htm";
        htmlDocument.head.append(customURL);
        
        console.log("Base URL: " + customURL.href);
        
        // Tạo link tương đối
        const modifiedURL = htmlDocument.createElement("a");
        modifiedURL.href = "../java/java_questions_answers.html";
        htmlDocument.body.append(modifiedURL);
        
        console.log("URL sau khi resolve: " + modifiedURL.href);
    </script>
</body>
</html>

Kết quả console

Base URL: https://www.example.com/java/index.htm
URL sau khi resolve: https://www.example.com/java/java_questions_answers.html

Ứng dụng: Xử lý URL tương đối, tạo document ảo cho testing, parsing HTML.