直接从 JavaScript 文件独占加载网页

Loading a Web Page Directly from a JavaScript File Exclusively

我渴望做一些我从未见过的事情。

我想创建一个网页 仅使用 client-side javascript。例如,我想将一个 javascript 文件放在 www.webpage.com/index.js 并让浏览器 运行 该 javascript 文件。在该文件中,我将生成 html 和 css,但我希望入口点完全是 javascript 文件而不是 HTML.

如果这不可能,我认为应该是。很多时候我的 html 文件只是一个 header、标题和一个空的 body。在这种情况下,必须先下载 html 文件,然后浏览器才能下载实际填充空 body 的 javascript 文件是愚蠢的内容.

我意识到搜索引擎可能不知道如何索引 html 由 client-side javascript 生成的页面,但我再次强调,他们应该能够做到这一点如果他们还没有的话,可能最终会。

我从未见过这样做的。这可能吗?如果是这样,您能否指导我找到涵盖该主题的任何资源。我找不到任何东西。

我写了很多"pages"只是

<!DOCTYPE html>
<html>
   <head><meta charset="utf-8"></head>
   <body><script>

// The real stuff goes here, as inlined Javascript
// No need to make an extra roundtrip to the server
let d = document.body.appendChild(document.createElement("div"));
d.textContent = "Hello, world.";

   </body></script>
</html>

所以基本上我放在 HTML 部分的唯一内容是修复过去做出的错误决定(使用默认编码 ISO-8859-1 而不是 UTF-8)。 这种文件确实只是 Javascript,浏览器加载和执行它所需的最少包装。

作为 mentioned elsewhere,可以创建 JavaScript 这也是一个有效的 HTML 文件。

<!-- --><script>
console.log('Hello, World!');
// </script>

之所以可行,是因为 the JavaScript spec

B Additional ECMAScript Features for Web Browsers

B.1 Additional Syntax

B.1.3 HTML-like Comments

...

SingleLineHTMLOpenComment ::
    <!-- SingleLineCommentCharsopt