gpt4 book ai didi

dart - 如何使用 Dart 动态加载 HTML 并插入到我的网页中?

转载 作者:行者123 更新时间:2023-12-03 23:34:15 26 4
gpt4 key购买 nike

如何动态加载 HTML 片段并将其插入到我的网页中?我正在使用 Dart。

最佳答案

很高兴你问了!使用 Dart 执行此任务与 JavaScript 没有太大区别,除了您可以键入、完成代码和流畅的编辑体验。

首先,创建snippet.html:

<p>This is the snippet</p>

接下来,创建应用程序。请注意使用 XMLHttpRequest 来请求代码段。另外,使用 new Element.html(string)从一个字符串创建一个 HTML 块。

import 'dart:html';

void main() {
var div = querySelector('#insert-here');
HttpRequest.getString("snippet.html").then((resp) {
div.append(new Element.html(resp));
});
}

最后,这是主机 HTML 页面:

<!DOCTYPE html>

<html>
<head>
<title>dynamicdiv</title>
</head>
<body>
<h1>dynamicdiv</h1>
<div id="insert-here"></div>
<script type="application/dart" src="dynamicdiv.dart"></script>
<script src="packages/browser/dart.js"></script>
</body>
</html>

关于dart - 如何使用 Dart 动态加载 HTML 并插入到我的网页中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10907893/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com