javascript 页面加载完成后执行

JavaScript021

javascript 页面加载完成后执行,第1张

加上

defer

等于在页面完全在入后再执行，相当于

window.onload

，但应用上比

window.onload

更灵活

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

"

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="

http://www.w3.org/1999/xhtml">

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<title>无标题文档</title>

</head>

<body>

<script

defer="defer">

alert("页面加载完我才执行的")

</script>

先看到这段话

然后再执行上面的

JS

如果去掉上面的

defer="defer"

那么会先执行JS

在看到这段话

</body>

</html>

例如方法：

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方法

}