如何在特定条件下页面加载时自动从外部js文件执行javascript函数

Question

我是HTML和JS语言的新手，并且在这种情况下我正在寻找使用JS函数的正确方法。

我要做的是：仅在“ level”变量等于特定值（例如“ 0”）时，才在页面加载时显示<div>标记。

我发现JS语言并不是很难读懂，但是一开始弄清楚它的工作方式可能有点挑战。 我非常感谢您的建议。 我把问题的底线放在下面。

非常感谢 ：）

将外部js文件导入JSP。

<script type="text/javascript" src="class.js"></script>

---

来自JSTL EL的值：

<input type="text" name="level" value="${level}" />

---

我要使其属性“显示”的标签更改为“无”。

<div id="class" style="display: none;">
<!-- CONTENT -->
</div>

---

外部JS文件，我不知道如何在JSP文件中调用它来达到我的目的。

autoShow(target) {
    target.style.display = "block";
}

Answer 1

在脚本文件中包含此函数，该脚本文件将在外部JS文件之后加载，以确保已根据需要准备好DOM。

如果输入值是您需要的值，此自执行功能将立即更改显示属性。 您可以使用querySelectorAll（）或getElementsByTagName（）并遍历其他输入。

(function () {
    var input = document.querySelector('[name="level"]');
    if (input.value === "0") {
        input.style.display = "block";
    }
})();