如何创建源代码中没有 HTML 的网站

Question

我以前也想过这个问题，但一直没有得到答案。然后就在今天，我遇到了另一个站点：http://ruralcoz.com/，源代码中没有 html。只有一个缩小的脚本。有谁知道开发者是如何建立这个网站的，以及为什么他们选择将所有 html 替换为 javascript？这样做有什么好处？这是怎么做到的？

谢谢！

Answer 1

那个站点确实在源代码中有HTML，具体来说：

<!doctype html>
<html lang="en">
  <head>
    <title>Four Points Funding</title>
    <link href="/static/css/main.d6132581.css" rel="stylesheet">
    ...
  </head>

  <body><noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script type="text/javascript" src="/static/js/main.0673017f.js"></script>
  </body>

</html>

以上都是 HTML 标记，页面必须有 HTML 才能呈现为 HTML 页面。没有办法解决这个问题。

这个站点缺少的是 <body> 中的内容，这可能看起来有点奇怪，但非常可行。 Javascript 可用于创建元素并将它们插入到 HTML 中，这发生在此处。例如：

<script>
  const div = document.createElement('div');
  div.textContent = 'Body content!';
  document.body.appendChild(div);
</script>

Answer 2

那是一个 React 应用程序。 React 使用 JavaScript 创建页面上的所有内容，然后将其加载到页面上的一个根 div 中。

这样做有很多好处，您可以阅读更多相关信息here

如何创建源代码中没有 HTML 的网站

How To Create Website With No HTML In Source Code

html

javascript

minifiedjs