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

Question

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

All i want to do is: displaying the <div> tag on page load, only if the the "level" variable equals to a specific value, e.g. "0".

我发现 JS 语言并不难读，但一开始可能有点难以理解它是如何工作的。我真的很感谢你的建议。我把问题的主要内容放在下面。

非常感谢:)

正在将外部 js 文件导入 JSP。

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

来自 JSTL EL 的值：

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

我要将其属性"display"更改为"none"的标签。

<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";
    }
})();

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

How to automatically execute a javascript function from an external js file on page load with a specific condition

javascript

function

call

非常感谢:)