很高兴你这么问!在这个任务中使用Dart与JavaScript没有太大区别,只不过您可以获得打字、代码完成和流畅的编辑体验.
首先,创建代码片段.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>