JavaScript加载事件(onload)

加载事件(onload)


事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:

  • 加载页面时,触发onload事件,事件写在<body>标签内。

  • 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中......”。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            function fun(){
                window.alert("加载中......")
            }
        </script>
    </head>
    <body onload="fun()">
        欢迎来到php.cn
    </body>
</html>


继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> function fun(){ window.alert("加载中???") } </script> </head> <body onload="fun()"> 欢迎来到php.cn </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
张

onload 加载

3年前    添加回复 0

回复
我只是一条咸鱼哈

我只是一条咸鱼哈

可以可以

4年前    添加回复 0

回复
一辆想出轨的无轨电车

一辆想出轨的无轨电车

单看能会。就不知道什么时候用

4年前    添加回复 0

回复
我又来了

我又来了

页面执行完在触发知道了

4年前    添加回复 0

回复
汪汪

汪汪

页面加载完了就会触发onload

4年前    添加回复 0

回复
橱窗的光

橱窗的光

这个应该用的多

4年前    添加回复 0

回复
末日的春天

末日的春天

当加载一个新页面时,弹出对话框

4年前    添加回复 0

回复
素颜

素颜

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> function fun(){ window.alert("加载中......") } </script> </head> <body onload="fun()"> 欢迎来到php.cn </body> </html>

4年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~