0

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

谢谢！

4

2 回答 2

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>

于 2019-07-08T22:27:24.970 回答
1

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

这样做有很多好处，您可以在此处阅读有关它的更多信息

于 2019-07-08T22:30:26.810 回答