关于javascript:JS基础速览

简洁版 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 基础知识。

原创文章 编写不易