• 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






  • 相关阅读:
    测试小技巧之常用工具
    测试小技巧之浏览器插件
    可变参数列表
    对象属性和数组元素的初始默认值
    静态块(变量)和非静态块(变量)
    类初始化顺序
    基本类型的重载规则
    构造器访问权限控制
    MySQL Server架构图
    递归与非递归实现树的遍历(java)
  • 原文地址:https://www.cnblogs.com/jin256/p/2284863.html
Copyright © 2020-2023  润新知