Question

我正在构建一个超级简单的页面，该页面将华氏温度转换为摄氏温度，反之亦然。在此页面上，我想加载在网上找到的外部文件中的其他移动背景。例如，如果用户在“华氏温度”部分中输入“ 32”或更少，则背景具有降雪效果。我想用纯JavaScript做到这一点；不是Node.js或jQuery等。

这是我的代码：

HTML：

collection.aggregate([
    {'$group': {
        '_id' : {'vehicleId': '$vehicleId'},
        'date' : {'$addToSet': "$Scraped Date"}
    } }
    ]
)

JAVASCRIPT：

<section id="form_div">
    <form id="conversion_form">
         <label>
            Will you be entering the temperature in Farenheit?  Or Celsius?
         </label>
         <input type="radio" name="measurement" id="farenheit" value="farenheit">Farenheit
         <input type="radio" name="measurement" id="celsius" value="celsius">Celcius

         <span id="measurement_f">
             <label>
                 What is the tempurature (in Farenheit)?
             </label>
             <input type="number" name="temp" id="fTemp" maxlength="4">&deg;F
         </span>
         <span id="measurement_c">
             <label>
                What is the tempurature (in Celsius)?
             </label>
             <input type="number" name="temp" id="cTemp" maxlength="4">&deg;C
         </span>
    </form>

    <button id="F">Convert to Farenheit</button>
    <button id="C">Convert to Celsius</button>

    <section id="output"></section>
</section>

Answer 1

您可以通过使用document.createElement创建脚本标签来以编程方式加载脚本

let script = document.createElement('script');
script.onload = function () {
    // Script has loaded so you can do something with it
};
script.src = // where your script comes from ;

document.head.appendChild(script);

如何在onclick函数内部的IF语句中加载外部JS文件？

1 个答案: