javascript 页面加载完成后执行

JavaScript026

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>

1在test.html页面，使用function创建一个myfun函数，代码如下：

2、在myfun函数内，使用alert()方法弹出“myfun函数执行了”的文字提示，代码如下。

3、在test.html中的body标签后面，使用onload在页面打开时就加载执行myfun()函数。

4、onload事件不仅可以放在body标签内，也可以直接在js标签内使用，代码如下。

5、在浏览器中打开test.html页面，结果如下。