JavaScript - onload事件

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>
时间: 2024-10-09 17:54:17

JavaScript - onload事件的相关文章

jQuery $(document).ready()和JavaScript onload事件

对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>1-1</title> <script type="text/javascript"> document.getElementById("panel").onclick = fu

JavaScript 中 onload 事件如何绑定多个方法

页面加载完毕时会触发 onload 事件.基于内容(HTML)要与行为(JavaScript)分离的编码思想,我们需要将一些对页面的初始化操作写在方法内,并通过window.onload = functionName 调用这些方法.需要调用多个方法时,若使用 window.onload = functionA; window.onload = functionB;,它们之中只有最后一个方法会被实际调用.那么应如何实现调用多个方法呢? 直接在 HTML 中编写: <body onload="

JavaScript 中 onload 事件绑定多个方法的优化建议

页面加载完毕时会触发 onload 事件.基于内容(HTML)要与行为(JavaScript)分离的编码思想,我们需要将一些对页面的初始化操作写在方法内,并通过window.onload = functionName 调用这些方法.需要调用多个方法时,若使用 window.onload = functionA; window.onload = functionB;,它们之中只有最后一个方法会被实际调用.那么应如何实现调用多个方法呢? 直接在 HTML 中编写: <body > 由于事件包含在

JavaScript 中 onload 事件绑定多个方法

当需要调用的方法较多时,我们可以进一步优化,编写一个专门用于绑定 onload事件的方法: function addLoadEvent(func) { //把现有的 window.onload 事件处理函数的值存入变量 var oldOnload = window.onload; if (typeof window.onload != "function") { //如果这个处理函数还没有绑定任何函数,就像平时那样添加新函数 window.onload = func; } else {

javascript中onload事件如何绑定及执行顺序

onload事件,顾名思义就是为了js程序能够在网页加载成功过后进行执行.对于放在head里面的js来说,非常必要. 如何给网页绑定onload,主要有三种方式: window.onload=function(){//要执行的代码} window.addEventListener('load',函数名,false) body中添加属性<body > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo

jQuery的document ready与 onload事件——你真的思考过吗?

在进行实验和资料查询时,我遇到了几个关键问题: 1. window.onload到底是什么加载完触发? 2. body为什么会有onload事件? 3. 为什么是window.onload,而不是document.onload? 4. document ready到底是什么ready,DOM渲染完成? 5. jQuery怎么实现$(document).ready? 6. jQuery的ready,还能ready什么? 7. jQuery的document ready就一定比window.onlo

JavaScript onload

The onload event occurs immediately after a page or an image is loaded.onload事件当一个页面或是一张图片加载完成时被触发. Parameter参数 Description注释 SomeJavaScriptCode所要执行的代码 Required. Specifies a JavaScript to be executed when the event occurs.必选项.当事件触发时所要执行的代码. Supported

JavaScript 客户端JavaScript之事件(DOM API 提供模块之一)

具有交互性的JavaScript程序使用的是事件驱动的程序设计模型. 目前使用的有3种完全不同的不兼容的事件处理模型. 1.原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性. 2.标准事件模型 (一种强大的具有完整性的事件模型) 2级DOM标准对它进行了标准化,除IE以外的所有浏览器都支持它. 3.IE事件模型 想用高级事件处理特性的JavaScript程序设计者必须为IE浏览器编写特定的代码

JavaScript的事件_事件概述/事件模型

一.事件概述 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈. 当用户执行某些操作的时候,再去执行一系列代码. 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理. 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件.IE9.Firefox.Oper