JavaScript - onload事件

浏览数：18 / 时间：2015年06月08日

onload事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test04.html</title>
    <script type="text/javascript">
        var count=5;

        function show(){
            for(var i=0;i<count;i++){
                document.writeln("hello world!<br/>");
            }
        }

        function show2(){
            count=prompt("请输入次数：","");
            show();
        }

        //将函数的定义赋给一个变量，通过调用变量来调用函数
        var v1=function (){
            alert("嘿嘿！");
        };

        //当页面加载完时触发此事件，onload为事件属性
        /*window.onload=function(){
            //alert("页面加载完成！");
            document.getElementById("anonymous").onclick=function(){
                alert("匿名函数，只使用一次");
            };
        };*/

        function show3(){
            alert("哈哈");
        }

        //将show函数与onload事件绑定，当页面加载完成后执行
        //window.onload=show3;

        //将show函数的执行结果与onload事件绑定
        window.onload=show3();
    </script>
  </head>

  <body>
    <input type="button" value="输出Hello World"  onclick="show2()"/><br/>
    <input type="button" value="通过变量来调用函数"  onclick="v1()"/><br/>
    <input type="button" value="匿名函数" id="anonymous" /><br/>

    <!--<script type="text/javascript">
        document.getElementById("anonymous").onclick=function(){
            alert("匿名函数，只使用一次");
        };
    </script>
  --></body>
</html>