zoukankan      html  css  js  c++  java
  • javascript备注

    当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

    onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

    onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。

    onFocus, onBlur 和 onChange

    onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

    下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。

    <input type="text" size="30" id="email" onchange="checkEmail()">

    onblur 事件会在对象失去焦点时发生。

    <html>
    <head>
    <script type="text/javascript">
    function upperCase()
    {
    var x=document.getElementById("fname").value
    document.getElementById("fname").value=x.toUpperCase()
    }
    </script>
    </head>

    <body>

    输入您的姓名:
    <input type="text" id="fname" onblur="upperCase()" />

    </body>
    </html>

    onfocus 事件在对象获得焦点时发生。

    <html>
    <head>
    <script type="text/javascript">
    function setStyle(x)
    {
    document.getElementById(x).style.background="yellow"
    }
    </script>
    </head>

    <body>

    First name: <input type="text"
    onfocus="setStyle(this.id)" id="fname" />
    <br />
    Last name: <input type="text"
    onfocus="setStyle(this.id)" id="lname" />

    </body>
    </html>

    onSubmit

    onSubmit 用于在提交表单之前验证所有的表单域。

    下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。

    <form method="post" action="xxx.htm" onsubmit="return checkForm()">

    ---来自于W3cSchool






  • 相关阅读:
    [转]深度理解依赖注入(Dependence Injection)
    [转]控制反转(IOC)和依赖注入(DI)
    [转]依赖注入的概念
    [转]struct实例字段的内存布局(Layout)和大小(Size)
    异步编程模式
    HTTP协议返回代码含义
    [转]StructLayout特性
    Stack的三种含义
    FineUI登入的例子中遇到的一些问题
    编程以外积累: 如何给项目生成类似VS2008的说明文档
  • 原文地址:https://www.cnblogs.com/jin256/p/2284863.html
Copyright © 2011-2022 走看看