javaScript基础

javaScript简介

• javaScript是一种直译式脚本语言,是一种动态类型,弱类型,基于原型的语言.内置支持类型.它的解释器被称为javaScript引擎,为浏览器的一部分,广泛用于客户段的基本语言,最早在HTMl网页上使用,用来实现网页的动态功能.
• 应为javaScript兼容ECMA标准,因此也被称为ECMAScript

• javaScript包含以下三个部分

  1:ECMAScript(核心) javaScript语言基础规定了JavaScript脚本的核心语法,不属于任何浏览器;
  2:DOM(文档对象模型):规定了访问HTML和XML的接口的途径以及操作方法;
  3:BOM(浏览器对象模型):提供了独立于内容而在浏览器窗口之间进行交互的对象方法的途径以及操作的方法;
  

• 基本特点

  1:是一种解释性的脚本语言(代码不进行预编译);
  2:主要向HTML页面添加交互行为;
  3:可直接按嵌入HTML页面,但是写成单独的JS文件有利于结构和行为的分离;
  

• 日常用途

  1:嵌入动态文本于HTML页面;
  2:对浏览器做出响应:
  3:读写HTML元素,DOM:
  4:在数据提交到服务器之前验证数据:
  5:检测访客的浏览器信息;
  6:空值COOkies,包括创建和修改:
  

JS代码存放位置

• 1:在html标签中,任何位置添加标签 ,标签的的内容就是代码

  <script type="text/javascript"> alert("你好吗");</script>
  

• 2: 单独编写javascript代码,在使用的页面将其引入

  <script type="text/javascript" src="js/index.js"></script>
  

• 3: 代码编写到a标签的href属性中

  <a href="javascript:alert('hello')">运行js代码</a>
  

JS基本语法

• 声明变量

  1:使用 var关键字     var name; 一般不使用name作为变量名
  2:声明变量的时候为其赋值var name="abc"
  3:对于以赋值的变量赋予一个其他类性能的数据 name=12;
  4:不声明直接赋值 x=123;
  

• 输出语句

  1:alert(变量名);
  2:console.debug(变量名);
  

• 数字类型

  1:整型常量十进制的第一位不能是0(数字零除外);
  2:实型常量
      特殊数值:NaN(非数值),Infinity(除数为零)
      对应的判断函数:isNaN(),isFinite()
  3:String字符串
      在JS中没有char类型,一个"a"也会是字符串
  4:null常量
  5:undefined(未定义,定义为赋值)
  

• 运算符

  1:赋值运算符
      =:赋值
      ==判断值是否相等
      ===判断值和值得类型
  2:逻辑运算符
      1:在逻辑运算符中,0,"",false,null,undefined,NaN均表示false;
      2:在逻辑运算中会有返回值,
  
          A&&B,将a和b转换为Boolean类型,在执行逻辑与,结果为true返回b,false返回a;
          A||B,将a和b转换为Boolean类型,在执行逻辑或,结果为true返回a,false返回b;
  

• 函数 关键字function

  函数包含这一些代码,这些代码可以多次被调用;
  函数格式
  function 函数名(){
      程序代码
  }
  

• 变量

  定义在函数外部的变量的称为全局变量;
  定义在函数内部的变量的称为局部变量;
  

系统函数

1:encodeURI和encodeURIComponent方法,返回对一个URI字符串编码后的结果.
2:decodeURI和decodeURIConponent方法,将一个以编码的URI字符串解码成最初的字符串并返回.
3:parseInt方法, 将一个字符串按指定的进制转换为一个整数.
4:parseFloat方法 将一个字符串转换为对应的小数.
5:isNaN方法 ,检查一个值是否为NaN.
6:unescape方法,将参数字符串作为一个javaScript表达式执行.

面向对象

1:象所包含的变量就是对象的属性,对属性的操作方法称为函数,对象的属性和函数都是对象的成员.
2:创建对象实例的函数称为对象的构造函数,

内置对象

• Object
• Array
• Boolean
• Date
• Math
• Number
• String
• RegExp

数组

• 定义数组
  
  • 定义数组的方式
    
    • new Array();
    • new Array(size);
    • new Array(element0.element1,…,elementn)
  • 数组的常用方法
    
    • concat() 合并数组
    • join(“|”)使用指定的分割符
    • pop()弹出最后一个元素
    • push() 添加元素
    • slice() 显示指定索引对应的元素
    • splice()用于插入,删除或替换元素
• for in循环
  
  • 1: 迭代数组元素
  • 2: 迭代js对象中所有的属性