JS页面渲染完成之后,加载页面
前言
要完成页面渲染完成之后取值,由于有些时候,页面渲染完成之后,有些js没有加载完成,如果要页面渲染完成之后,就要实现子页面向主页面的取值,并且调用相应的接口,会出现取不到值的情况。
提示:以下是本篇文章正文内容,下面案例可供参考
一、使用setTimeout方法
因为js的执行为单线程执行,所以即使setTimeout的执行为0ms,依然是页面渲染完成,并且在其上面的所有js都加载完成之后,才会加载当前页面的js,所以提供的一个解决方案为:使用setTimeout实现页面渲染完成之后的取值。
二、使用步骤
代码如下(示例):
<script type="text/javascript">
setTimeout(function(){//开启一个计时器,在这里面写所有页面渲染完成之后,要执行的代码
var xxxxx = window.xxxxx;//从页面中取值,这个值是由主页面传入过来的
$.ajax({
type:"get", //请求方式
url:"/appFun?funId=xxxx&xxxxx="+xxxxx,
dataType:"json",
success: function(data) {
},
error: function(e) {
console.log("ERROR: ", e);
}
});
}, 0);
</script>
总结
提示:这里对文章进行总结:
这个只是提供了页面渲染完成之后的一个新的方法,当使用$(function(){})、window.onload = function(){}等方法都无法实现想要的效果的时候,可以试试该方法。