js页面数据加载完后执行，js 页面加载完成后执行事件

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

1、使用如下代码就可以页面加载时自动调用某个函数了 (document).ready(function(){ funName()；})简写方式 $(function(){ funName()；})这样写在$(function(){})里面的代码就会页面加载完之后立即调用，不管代码在页面哪个位置。

2、让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。 js放在文档代码的下方 这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

3、在body的onload事件中调用omiga_window()后会自动触发F11全屏功能。

4、function xxx(){ var s = document.readyState；if(s==complete){ alert(网页加载完成！)；这里写上你要调的函数 } } 在body里调用XXX方法。

5、setTimeout(code，time)，延时一段时间后执行code，只执行一次；setInterval(code，time)，以delay的时间间隔，反复执行code。

相关问答

Q1: js中,如何等待多个图片加载完后再执行其他的js代码。

一般代码都是按照顺序执行的。把加载写在最前面，确定所有加载方法完成后，在写输出。

要把图片当成是图片对象才行；var a=new Image()； //这个是原生的JS实例化 a.src=arr[shownum++].url；然后Image对象有一个属性“onload”，这个就是加载完成，当加载完成之后你可以执行一个函数比如 a.onload=function(){ alert(完成加载)；} 这样当你的图片加载完成后就执行下面的函数了。

一：同步加载我们平时使用的最多的一种方式。同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把标签放在结尾处，这样尽可能减少页面阻塞。

让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。 js放在文档代码的下方 这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

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

让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。js放在文档代码的下方这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

在angular渲染完dom以后执行js代码的方法是使用init方法完成dom初始化，同时控制器中写入需要执行的js代码即可。

可以在js全局代码中，增加一个变量n，用作计数器，表示总图片数。然后使用图片的onload事件，每成功加载一次图片，将计数器n减去1 当n变成0时，表示图片均加载完毕，这时即可开始执行其他JS代码。

Q3: js怎么判断div内容加载完毕后,再执行

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

2、jQuery的$(document).ready (document).ready(function(){ $(#a).click(function(){ //adding your code here })； })；就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。

3、让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。js放在文档代码的下方这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

4、正常情况下代码都是顺序执行，直接在那行代码下调用函数就会在那行代码执行完再执行，如果是处于异步条件下或者要等待dom元素加载完毕才能拿到值的话才需要setTimeout 可以提供一个思路：设置一个状态为false的变量，在你代码执行完毕以后，修改状态为true。

5、js放在文档代码的下方这是一个最简单的文档结构，引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面，可以让javascript在页面加载完成后执行。

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

1、setTimeout(code，time)，延时一段时间后执行code，只执行一次；setInterval(code，time)，以delay的时间间隔，反复执行code。

2、比如：function Test(){ alert(hellow)；this.NextStep=function(){ alert(NextStep)；} } 我们可以这样调用 var myTest=new Test()；myTest.NextStep()；我们做暂停的时候可以吧一个函数分为两部分，暂停操作前的不变，把要在暂停后执行的代码放在this.NextStep中。

3、async属性 async属性是HTML5新增的。作用和defer类似，但是它将在下载后尽快执行，不能保证脚本会按顺序执行。它们将在onload 事件之前完成。FirefoxOpera IE 9和 最新的Chrome 和 Safari 都支持 async 属性。可以同时使用 async 和 defer，这样IE 4之后的所有IE 都支持异步加载。

4、在index.html中的标签中输入：btn，标签中输入js代码：function send() {document.body.innerText = use send；}。浏览器运行index.html页面，点击btn按钮。等待1秒后，确实执行了send()方法打印了“use send”文本。

js页面数据加载完后执行的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 页面加载完成后执行事件、js页面数据加载完后执行的信息别忘了在本站进行查找喔。