Question

我想用dart编写歌手页面，客户端Web应用程序。我想动态地更改单个html内容的内容。我还没有找到在不加载新的html文件的情况下以快速简便的方式更改整个内容的最佳实践。

我的想法是处理body标签的所有子元素，并用另一个html文件中的body标签html代码段替换它。问题：我不知道这是否是最佳实践，以及如何实现！

Answer 1

只需使用浏览器API即可删除和添加内容。

document.body.innerHtml = `<body><div>Hello, World!</div></body>`;

或

document.body.children.clear();
document.body.children.add(DivElement()..text = 'Hello, World!');

您可以执行浏览器可以执行的所有操作。例如https://developer.mozilla.org/en-US/docs/Web/API

中的解释

Answer 2

这就是我要搜索的！我没有注意到从文件中读取内容是如此容易。下面的代码显示了我的问题的解决方案。

var gameHtml = 'game.html';

HttpRequest.getString(gameHtml)
    .then((String fileContent) {
      body.innerHtml = fileContent;
    });

因此，在阅读了'game.html'的内容之后，我将字符串放在了'index.html'的身体标签中。