Question

我想在加载页面时在外部js文件中执行javascript函数。这是调用函数的jsp文件中的代码，我将它放在jsp的底部

<%-- Begins countdown --%>
<script src="/pub/scripts/counter.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=startCountdown;
</script>

这是js文件中的函数

function startCountdown() {
var TIMEOUT = 900000; 
var COUNT_BACK = 3;   
setTimeout("displayWarning("+COUNT_BACK+")", TIMEOUT);
}

当页面在浏览器中加载时，我看到脚本已加载，但startCountdown函数永远不会被执行。我怎样才能做到这一点？

Answer 1

我会在你的html中使用<body onload="startCountdown()">来确保在执行脚本之前页面必须完全加载。

Answer 2

将window.onload=startCountdown;更改为window.onload=startCountdown();并使用defer

<%-- Begins countdown --%>
<script defer src="/pub/scripts/counter.js" type="text/javascript"></script>
<script defer type="text/javascript">
window.onload=startCountdown();
</script>
this is the function in the js file

var startCountdown = function() {
var TIMEOUT = 900000; 
var COUNT_BACK = 3;   
setTimeout("displayWarning("+COUNT_BACK+")", TIMEOUT);
};

javascript函数没有被执行

2 个答案: