关于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基础知识。

原创文章 编写不易