如何让页面加载完成后执行js

2025-01-02 22:32:12

推荐回答（3个）

回答1：

让页面加载完执行js有2种方法，js放在文档代码的下方和把语句代码放在window.onload方法里面。

js放在文档代码的下方

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

helloWorld--zxk

把语句代码放在window.onload函数里面

例如这段代码，虽然script标签没有在最下方，但javascript语句放在了window.onload里面，所以可以在文档加载完成后执行。

helloWorld--zxk

回答2：

可以使用window.onload=function(){}或者使用jQuery的$(function(){})来解决，写在以上两个代码块的中的时候都会在页面所有dom创建完成后再执行其中的代码。

工具原料：编辑器、浏览器

一、使用window.onload方法

使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片，简单的代码示例如下：


	
	
		test

以上代码是在创建完dom后在执行js代码随意可以获取到该元素。

方法二：使用$(function(){})

使用$(function(){})代码可以起到和window.onload一样的效果，简单的代码示例如下：


	
	
		test

同样可以改变div元素内的内容，因为js也是在dom创建完后才执行。

回答3：

window.onload = function(){//等待页面内DOM、图片资源加载完毕后触发执行
    //TO DO
}