如何在飞镖中更改裸体单页 Web 应用程序上的内容

我想用飞镖编写一个歌手页面，客户端 Web 应用程序。我想直接更改我的单个 html 内容的内容。我还没有找到以快速简便的方式更改整个内容的最佳实践，而无需加载新的 html 文件。

我的想法是处理 body 标签的所有子项，并将其替换为来自其他 html 文件的 body tag html 片段。问题：我不知道这是否是最佳实践，以及如何实现它！

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

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

或

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

另请参阅 https://api.dartlang.org/stable/2.1.0/dart-html/Element-class.html

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

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

var gameHtml = 'game.html';
HttpRequest.getString(gameHtml)
    .then((String fileContent) {
      body.innerHtml = fileContent;
    });

因此，在阅读了"game.html的内容后，我将字符串放在了我的"index.html"正文标签中。

https://api.dartlang.org/stable/2.1.0/dart-html/HttpRequest-class.html

相关内容