zoukankan      html  css  js  c++  java
  • js笔记

    当页面载入时,会执行位于 body 部分的 JavaScript。

    当被调用时,位于 head 部分的 JavaScript 才会被执行。

    实例

    head 部分
    包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。
    body 部分
    执行位于 body 部分的脚本。
    外部 JavaScript
    如何访问外部脚本。

    重新声明 JavaScript 变量

    如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。

    var x=5;
    var x; 
    

    在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。

    对字符串和数字进行加法运算

    请看这些例子:

    x=5+5;
    document.write(x);
    
    x="5"+"5";
    document.write(x);
    
    x=5+"5";
    document.write(x);
    
    x="5"+5;
    document.write(x);
    

    TIY

    规则是:

    如果把数字与字符串相加,结果将成为字符串。

    onload 和 onUnload

    当用户进入或离开页面时就会触发 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()">

    onSubmit

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

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

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

    onMouseOver 和 onMouseOut

    onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

    下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:

    <a href="http://www.w3school.com.cn"
    onmouseover="alert('An onMouseOver event');return false">
    
    <img src="w3school.gif" width="100" height="30">
    
    </a>

    比较运算符

    比较运算符在逻辑语句中使用,以测定变量或值是否相等。

    运算符描述例子
    == 等于 x==8 为 false
    === 全等(值和类型) x===5 为 true;x==="5" 为 false
    != 不等于 x!=8 为 true
    > 大于 x>8 为 false
    < 小于 x<8 为 true
    >= 大于或等于 x>=8 为 false
    <= 小于或等于 x<=8 为 true                                                                                                                                                                                              
    白发三千丈
  • 相关阅读:
    电商系统服务拆分实战
    打通电商多模式支持的“任督二脉”
    win10 home安装docker快速攻略
    如何深入理解一套MQ消息中间件
    自带win10的笔记本电脑如何装win7
    《大数据日知录:架构与算法》读书笔记(多图)
    一个典型的后台软件系统的设计复盘——(三)打通任督二脉-context
    一个典型的后台软件系统的设计复盘——(二)如何id一个事物
    dubbox源码分析(一)-服务的启动与初始化
    svn老鸟转用git必须理解的概念
  • 原文地址:https://www.cnblogs.com/sanpoye/p/2489747.html
Copyright © 2011-2022 走看看