js页面加载完成后执行（用js实现在加载完成一个页面后自动执行一个方法）

：暂无数据 2026-08-19 22:00:01 ：0

其实js页面加载完成后执行的问题并不复杂，但是又很多的朋友都不太了解用js实现在加载完成一个页面后自动执行一个方法，因此呢，今天小编就来为大家分享js页面加载完成后执行的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

本文目录

用js实现在加载完成一个页面后自动执行一个方法
如何在页面加载完成后调用js函数
怎样保证js在页面元素渲染完后再执行
vue.js实现页面加载完成执行函数
js实现在加载页面完成后input框自动执行一个函数，怎么实现
如何在页面加载完成后执行js脚本
页面加载完成后等待一段时间在执行js的方法，时间如何设定

用js实现在加载完成一个页面后自动执行一个方法

1
在body中用onload:
《body onload="myfunction()"》
2
在脚本中用window.onload:
《script type="text/javascript"》
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
《/script》

如何在页面加载完成后调用js函数

比较简单的页面，可以采用‍

//放置在《header》《/header》之间
window.onload = function(){
//在这里写js
}
//或其他javascript框架所定义的函数(也是应用onload)，比如jquery:
$(function(){
});
//或将js放在页面底部，《/body》之上。

对于比较复杂的页面，比如，某些数据（包括文字，图片，远程加载第三方的内容，以及来自后台通过异步调用耗时的数据等）加载，那么，就需要自定义一个loading函数，在loading函数中，判断所有内容均加载完成后，同时在未加载完成前，需要显示给用户一个加载中的界面，当完成加载后，隐藏或删除这个界面，最后‍来调用你希望的js函数。以防止不可预期性。

‍

怎样保证js在页面元素渲染完后再执行

vue.js则需要结合watch和nextTick方法来使用。具体方法如下。

具体步骤：

1.在页面加载一个数据列表完成之后，页面自动滚动定位到中间某个列表元素，需要在列表数据渲染完成，计算列表高度，再控制定位到指定行。首先介绍下一开始尝试没有生效的方案，这也是大家最容易出现错误的地方，vue.js提供的mounted函数，表示挂载到实例上去之后调用该钩子。

2.运行之后，发现mounted执行的时候，获取到的height值不对，打个断点也可以发现，此时页面没有渲染完成，列表块还是一片空白。

3.此时查询官方api文档发现，有一个nextTick方法，意思是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。使用之后发现，还是不能解决我所需要的效果。

4.继续查询api文档发现，watch方法，用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调，再次尝试，运行后发现还是不行。

5.最终把watch和nextTick组合一起

watch:{ showList:function(){ this.goPrice(0); }}

showList对应表格页面的绑定变量

《tr v-for="(item,index) in showList"》

6.运行后发现，已经达到了预期的效果。

7.最后说明下，有时候我们会想到使用setTimeout的方式来实现，使用这种方式需要设置个超时执行时间，由于渲染时间无法确定，有快有慢，就会出现不稳定的现象。

vue.js实现页面加载完成执行函数

vue.js实现页面加载完成执行函数
功能和jquery的
《script》
$(function () {
alert("1111");
})
《/script》相同

函数的定义：给定一个数集A，对A施加对应法则f，记作f（A），得到另一数集B，也就是B=f（A）。那么这个关系式就叫函数关系式，简称函数。函数概念含有三个要素：定义域A、值域C和对应法则f。其中核心是对应法则f，它是函数关系的本质特征。
函数（function），最早由中国清朝数学家李善兰翻译，出于其著作《代数学》。之所以这么翻译，他给出的原因是“凡此变数中函彼变数者，则此为彼之函数”，也即函数指一个量随着另一个量的变化而变化，或者说一个量中包含另一个量。函数的定义通常分为传统定义和近代定义，函数的两个定义本质是相同的，只是叙述概念的出发点不同，传统定义是从运动变化的观点出发，而近代定义是从集合、映射的观点出发。

js实现在加载页面完成后input框自动执行一个函数，怎么实现

你直接在$(function(){ })里面调用一下这个函数不可以么？如果这个函数是绑定在input上的某个事件上的，你只要响应一下这个事件不就可以了么？
比如你是绑定在click事件上面，你只需要执行$("#input1").click();

如何在页面加载完成后执行js脚本

把脚本放body的最后。如果放前面，你用jquery的话，把脚本放这个方法体里面可以让页面加载完执行
$(function(){});

页面加载完成后等待一段时间在执行js的方法，时间如何设定

例如方法：
function test(){return 1;}
页面加载完毕事件：
window.onload = function(){
setTimeout(test,1000);//1000毫秒=1秒后执行test方法
}
如果你使用jquery的话可以：
$(window).load(function(){
setTimeout(test,1000);//1000毫秒=1秒后执行test方法
});
setTimeout是只执行一次，重复执行使用setInterval
window.onload = function(){
setInterval(test,1000);//1000毫秒=1秒，每隔1秒执行一次test方法
}

以上就是我们为大家找到的有关“js页面加载完成后执行（用js实现在加载完成一个页面后自动执行一个方法）”的所有内容了，希望可以帮助到你。如果对我们网站的其他内容感兴趣请持续关注本站。

js页面加载完成后执行（用js实现在加载完成一个页面后自动执行一个方法）