Javascript学习笔记

一.基本语法:

  1. 数据类型:
  • number(数值型)
    整数和浮点数统称为数值型,如0,-19,2.6777等

  • NaN:
    非数字类型 如:var x=0/0

  • boolean(逻辑型或布尔型)
    true或false表示

  • String(字符串型)
    以单引号’’或双引号””括起来的任意字符组成的序列字符串有length属性

  • Null(空)
    null表示一个“空”的值,类似Python的NoneUndefined(未定义)使用var声明了但未赋值、使用了未定义的变量、使用了不存在的变量,js就会返 回undefined

  1. 常量:
    整型常量、浮点数常量、字符串常量、布尔常量

  2. 运算符:
    按优先级从高到低顺序排序:
    求反运算符:!
    算术运算符:++,–,*,/,%,+,-
    字符串连接符:+ (字符串)
    比较运算符:<,>,>=,<=,==,!=
    逻辑运算符:&&,||
    条件运算符:?:
    赋值运算符:=

  3. 表达式:
    算术表达式 如:var foo = 100+1;
    字符串表达式 如:var foo = ”hello” + “ world”;
    赋值表达式 如:var foo = true;

  4. 变量:
    定义变量:
    语法: var 变量名 [= <值>];
    示例:var foo=100;

  5. 函数:
    函数定义:
    Function 函数名(参数1,参数2,…)
    {
    函数体;
    [return 返回值;]
    }
    函数定义2-声明匿名函数:
    var 变量名 = function (参数1,参数2,…)
    {
    函数体;
    [return 返回值;]
    }
    函数定义3(ES6支持箭头命名):
    (参数1,参数2,…)=>
    {
    函数体;
    [return 返回值;]
    }

  6. 事件:
    通常鼠标或热键的动作称之为事件

二.函数与事件处理
例:Javascript学习笔记
Javascript学习笔记

1.常用事件:

  • 鼠标事件:
    单击 onClick
    双击 onDeClick
    鼠标悬停 onMouseOver
    鼠标移出 onMouseOut
    鼠标按下 onMouseDown
    鼠标松开 onMouseUp

  • 键盘事件:
    键盘按下 onKeyDown
    键盘松开 onKeyUp
    键盘按下 onKeyPress
    若键盘按下不放,onKeyDown不触发,onKeyPress持续触发

  • 浏览器事件:
    载入页面 onload
    卸载页面 onUnLoad
    提交表单 onSubmit
    改变事件 onChange
    选中事件 onSelect
    获得焦点 onFocus
    失去焦点 onBlur
    表单重置 onReset

2.事件示例:
自动装载和卸载:
Javascript学习笔记
Javascript学习笔记
onclick事件:
Javascript学习笔记
Javascript学习笔记

Javascript学习笔记
Onmousedown、onmouseup事件:
Javascript学习笔记
Javascript学习笔记

Javascript学习笔记
onchange和onselect事件:
Javascript学习笔记
Javascript学习笔记
onBluar和onFoucs事件:
Javascript学习笔记
Javascript学习笔记
Javascript学习笔记