只用Javascript构建HTML

方式一：使用 Blob + 创建链接（最常用）

把 JS 构建的 HTML 内容打包成 Blob，再生成下载链接或直接在新窗口打开：

const htmlContent = `
<!DOCTYPE html>
<html>
<head><title>纯JS生成</title></head>
<body><h1>你好，世界！</h1></body>
</html>
`;

const blob = new Blob([htmlContent], { type: 'text/html' });
const url = URL.createObjectURL(blob);

// 打开新窗口显示
window.open(url);
// 或创建下载链接
const a = document.createElement('a');
a.href = url;
a.download = 'page.html';
a.click();

方式二：使用 data: 协议

直接把 HTML 编码为 data URL：

const html = '<h1>你好</h1>';
const url = 'data:text/html;charset=utf-8,' + encodeURIComponent(html);
window.open(url);

方式三：使用 DOMParser 解析并操作（仍需要一个入口页面）

如果完全没有任何 HTML 入口（连空页面都没有），浏览器无法执行 JS。但你可以：

在浏览器控制台直接运行上面的代码。
用 Node.js 生成 HTML 文件（如 fs.writeFileSync('index.html', htmlContent)）。

一句话总结：
只要有 JS 执行环境（浏览器控制台/Node），就可以用一个纯 .js 文件生成完整的 HTML 页面，通过 Blob 或 data: 协议打开它。 但严格来说，浏览器的“入口”永远是一个 HTML 文件，你可以用 JS 动态生成它。