如题所述
比较简单的页面,可以采用
//放置在<header></header>之间window.onload = function(){
//在这里写js
}
//或其他javascript框架所定义的函数(也是应用onload),比如jquery:
$(function(){
});
//或将js放在页面底部,</body>之上。
对于比较复杂的页面,比如,某些数据(包括文字,图片,远程加载第三方的内容,以及来自后台通过异步调用耗时的数据等)加载,那么,就需要自定义一个loading函数,在loading函数中,判断所有内容均加载完成后,同时在未加载完成前,需要显示给用户一个加载中的界面,当完成加载后,隐藏或删除这个界面,最后来调用你希望的js函数。以防止不可预期性。
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2018-03-20
最简单的调用方式,直接写到html的body标签里面:
<body onload="myfunction()">
<html>
<body onload="func1();func2();func3();">
</body>
</html> 2.在JS语句调用:
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload = myfun;//不要括号
</script>
<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3();
}
</script>本回答被网友采纳
<body onload="myfunction()">
<html>
<body onload="func1();func2();func3();">
</body>
</html> 2.在JS语句调用:
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload = myfun;//不要括号
</script>
<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3();
}
</script>本回答被网友采纳