如题所述
比较简单的页面，可以采用
//放置在<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>本回答被网友采纳
