如何动态加载HTML并使用Dart插入到我的网页？_html-js-css

概述如何动态加载一段 HTML代码并将其插入到我的网页中？我在使用Dart. 很高兴你问！使用Dart来完成这个任务与 JavaScript没有太大的区别,除了你打字,代码完成和光滑的编辑体验. 首先,创建snippet.html： <p>This is the snippet</p> 接下来,创建应用程序.请注意使用XMLHttpRequest请求代码段.另外,使用新的Element.html(字符如何动态加载一段 HTML代码并将其插入到我的网页中？我在使用Dart.解决方法很高兴你问！使用Dart来完成这个任务与 JavaScript没有太大的区别,除了你打字,代码完成和光滑的编辑体验.

首先,创建snippet.HTML：

<p>This is the snippet</p>

接下来,创建应用程序.请注意使用XMLhttpRequest请求代码段.另外,使用新的Element.HTML(字符串)从字符串创建一个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>

总结

以上是内存溢出为你收集整理的如何动态加载HTML并使用Dart插入到我的网页？全部内容，希望文章能够帮你解决如何动态加载HTML并使用Dart插入到我的网页？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1098971.html

如何动态加载HTML并使用Dart插入到我的网页？

发表评论

评论列表（0条）