gpt4 book ai didi

modernizr - 如何使用 HTML 导入有条件地导入 modernizr?

转载 作者:行者123 更新时间:2023-12-01 12:42:18 26 4
gpt4 key购买 nike

我希望有条件地导入带有 polymer 的东西。如何构建如下所示的东西。

<html>
<head>
<link rel="import" href="polyfill-geolocation.html">
</head>
<body>
<script>
// I can use geo
navigator.geolocation.getCurrentPosition(callback);
</script>
</body>
</html>

modernizr-geolocation.html 将有条件地检查和加载的位置。

<script>
if (!navigator.geolocation) {
// load the geolocation-polyfill.js
// and defer execution of the html import till it is ready
// then execute in order.
}
</script>

如果不需要,我不想下载 polyfill,并且我不想在等待 oncomplete 事件的 main 中有条件回调。也许这是不可能的?

最佳答案

defer execution of the html import till it is ready then execute in order.

如果你愿意加载(和评估)geo-location-polyfill.js在您的脚本标签中同步,它将阻止 future 脚本标签的执行并使您的示例正常工作。

将您的文档脚本置于某种 ready 上可能会更好事件,让事情异步进行。

关于动态导入的一些信息:

您可以通过创建 <link> 来动态使用导入命令式标记并将其附加到 <head> .

导入将在加载后立即解析。链接标签将触发 load如果您想捕获加载完成事件。

或者,您可以使用 Polymer.import方法:

Polymer.import(arrayOfUrls, completionCallback);

例子:

Polymer.import(['a.html', 'b.html'], function() {
// a and b have loaded now
});

关于modernizr - 如何使用 HTML 导入有条件地导入 modernizr?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23251902/

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