乐趣区

关于javascript:JS基础速览

jiezi

简洁版 JavaScript 根底速览

变量

var 变量名 = 变量值；// 定义变量，不赋值为 undefined

  • 根本变量

  • number 数值类型
  • string 字符串类型
  • object 对象类型
  • boolean 布尔类型

  • function 函数类型

  • 非凡变量

  • undefined // 变量未赋值时默认为此
  • nulll // 空值

  • NaN //not a number 非数值

    ### 比拟运算

    == 字面值的比拟
    === 全等于，除值外还要比拟类型

    ### 数组

    var 数组名 =[]; // 能够赋初值,js 中数组主动扩容

  • 创立形式一

    function 函数名(形参列表){函数体};

  • 创立形式二

    var 函数名 =function(形参列表){函数体};
  • JS 函数中存在隐形参数 arguments, 函数不必定义形参，即可传递实参，并通过arguments[index] 在函数体中援用

  • JS 中函数不可重载，间接被笼罩

    自定义对象

  • 创立形式一

    var 变量名 =new Object();
变量名. 属性名 = 值；变量名. 函数名 =function(){};    // 函数体中能够用 this 援用属性

  • 创立形式二

    var 变量名 ={属性名：值，函数名：function(){}
     }

    JS 事件

  • 罕用事件

  • onload // 加载实现事件，罕用于页面加载完后初始化
  • onclick // 单击事件，罕用于点击响应
  • onblur // 失去焦点事件，罕用于输入框失焦后验证输出是否非法
  • onchange // 内容扭转事件，罕用于下拉框和输入框内容扭转

  • onsubmit // 表单提交事件，表单提交前，验证表单是否非法

  • 事件注册：事件响应后要执行的相应代码

    动态注册：在 html 内赋予响应代码，onclick=func()
动静注册：通过 JS→DOM 对象→DOM 对象. 事件名 =function(){}

    DOM

    document 对象，从 document→html→head/body ... 到文本，属性，皆为文本对象。

  • 获取节点

  • document.getElementById()
  • document.getElementsByName()
  • document.getElementsByTagName()

  • document.createElement(tagName)

  • 通过节点获取属性

    childNodes 所有子节点 / firstChild 第一个 / lastChild 最初一个
parentNode 父节点
nextSibling 以后节点的下一个节点 previousSibling 上一个节点
innerHTML 获取或设置从节点开始到完结之间的 - 内容
innerText 获取或设置从节点开始到完结之间的 - 文本

    浏览器对象

  • window 整个窗口对象
  • document 以后页面
  • navigator 浏览器的信息
  • screen 屏幕信息
  • location URL 信息

  • history 历史记录(不应再应用)

总结

本篇 JS 教程总结了 JS 学习中最常见的根底局部，且理论开发过程中较少用原生 JS 开发，故本篇速览已能够很好地总结了 JS 基础知识。

原创文章 编写不易
退出移动版