Question

我是JavaScript的新手，我有以下疑问。

在JSP页面中，我包含一个包含函数定义的.js文件，用这种方式：

<script src="<c:url value="resources/js/userAgentInfo.js" />"></script>

在这个 userAgentInfo.js 文件中，我定义了一个函数，如下所示：

function exludeUserAgent() {

    ...............................................
    ...............................................
    ...............................................

    if (browserName === "Microsoft Internet Explorer" && majorVersion <= 10) {
        alert("EXCLUDE");
        return true;
    }

    return false;
}

好的，现在我的问题是：如何在我的页面中调用并执行 exludeUserAgent（）功能？我已经包含了包含其定义的文件，但现在我想在页面加载时执行它。

TNX

Answer 1

在JSP页面中编写以下代码：

<script type="text/javascript">
$(document).ready(function(){
   exludeUserAgent()
});
</script>

Answer 2

只需在您的网页中使用此单个块：

<script type="text/javascript"> exludeUserAgent();</script>

Answer 3

如果你的页面中有jQuery，请尝试：

<script type="text/javascript">
$(document).ready(function(){
   exludeUserAgent()
});
</script>

如果没有jQuery可用，您可以尝试：

<script type="text/javascript">
    window.onload = function(){
        exludeUserAgent();
    };
</script>

两个脚本块只需要成为你jsp的一部分

Answer 4

通常，我会将事件附加到窗口的onload事件中。只要页面上最初出现的所有资源都已加载（css / html / images / sounds / videos），就会触发此事。

为此，您只需执行以下操作：

window.addEventListener('load', onDocLoaded, false);

接下来，您需要一个实际处理此事件的函数：

function onDocLoaded(evt)
{
   /* initialization code goes here */
}

在您的情况下，您只需要将exludeUserAgent函数的调用添加到onDocLoaded的正文中。

Answer 5

Wy要等到页面加载？我想你想在加载脚本文件时立即这样做。

只需在脚本文件上添加对该函数的调用：

exludeUserAgent()
function exludeUserAgent() {

    ...............................................
    ...............................................
    ...............................................

    if (browserName === "Microsoft Internet Explorer" && majorVersion <= 10) {
        alert("EXCLUDE");
        return true;
    }

    return false;
}

还有一个注意事项：正如您所看到的，您可以在定义之前调用该函数。这就是JavaScript的工作原理......

如何从页面中执行页面中包含的.js文件中定义的JavaScript函数？

5 个答案: