javascript - 如何有条件地加载和运行 javascript 文件

Question

我有一个用例，我需要根据浏览器类型在 html 文件中加载并执行不同的 js 文件。

如果浏览器是 safari，我需要加载 <script type="text/javascript" src="./javascripts/applepay.js">如果浏览器是其他浏览器，我需要加载两个js文件<script type="text/javascript" src="./javascripts/googlepay.js"></script>和<script async src="https://pay.google.com/gp/p/js/pay.js" onload="onGooglePayLoaded()"></script> .

您能让我知道如何做到这一点吗？我尝试了其他帖子中提到的几个解决方案，但它对我不起作用。任何代码片段都会非常有帮助。

Answer 1

我认为这是在加载主 HTML 时发生的。然后，您可以使用 document.write() 插入相应脚本的 HTML。

<script>
if (is_safari()) {
    document.write('<script type="text/javascript" src="./javascripts/applepay.js"></' + 'script>');
} else {
    document.write('<script type="text/javascript" src="./javascripts/googlepay.js"><' + '/script>');
    document.write('<script async src="https://pay.google.com/gp/p/js/pay.js" onload="onGooglePayLoaded()"><' + '/script>');
}
</script>

参见Detect Safari browser了解实现 is_safari() 函数的多种方法。