javascript(十一)

作用域【scope】

一段程序代码中所用到的数据并不总是有效/可用的,而限定这个数据的可用性的代码范围就是这个名字的作用域。【一条数据可以在哪个范围中使用】

  • 作用域的使用提高了程序逻辑的局部性,增强程序的可靠性,减少名字冲突
  • 一个变量是全局变量,还是局部变量主要来看变量声明的位置,==声明在函数内部,就是这个函数的局部变量.==
  • 在js的ECMAScript5.1中,只有函数可以产生作用域
  • 当我们声明一个函数的时候,同时该函数就会创建一个属性这个属性是[Scopes],我们在这个函数中 声明的变量都会被存入这个函数的[[Scopes]]属性中

函数外部的变量不可以访问函数内部的局部变量数据。

Read More

javascript(十)

练习讲解

console.time();

打印执行时间

注意:操作了元素的innerHTML之后,元素子元素上的所有js事件都会失效,除非写的是行间事件。

函数

在实际编码中,会有很多的一些代码可能重复出现,为了能简化程序开发,重复利用,所以有了函数的概念。(function功能方法,把一个个零散的带吗和数据,组合成一个完整的方法)

定义函数

Read More

javascript(九)

运算符

  • 1.赋值运算符
  • =、+=、-=、*=、/=、%=
  • 2.算数运算符:运算符都只有数字运算的功能,所以在使用的时候,都会把其他类型专程数字。
  • “+”
  • 1.当加号左右两侧有一位是字符串时,会把另外一侧也转成字符串
  • 2.使用+号时,两边没有字符串时,优先尝试把左右两侧都转成数字,如果不能转换成数字就转换成字符串进行链接。
  • “-“
  • “*”
  • “/“
  • “%”:取模等于求余数【任何数%n = (0 ~ n-1)】
  • ++
  • “–”
  • 注意:

    Read More

javascript(八)

ECMAScript

数据类型划分

1、标准指定的类型划分:

  • 基本类型:
  • 1.number(数字)
  • 2.string(字符串)
  • 3.undefined(未定义)
  • 4.boolean(布尔值)
  • 5.null(空对象)找不到对象,对象未定义。与非空对象最大区别在于是否能进行属性操作。

    Read More

javascript(七)

第一章复习

1.获取元素的方法

  • 获取单个元素:
  • document.getElementById(‘idName’);//只能从document获取
  • document.querySelector(‘cssSelector’);//可以从父级获取
  • 获取一组元素//都可以从父级获取
  • document.querySelectorAll(‘cssSelector’);
  • document.getElementsByTagName(‘tagName’);
  • document.getElementsByClassName(‘className’);
  • query和get方法的区别:
  • query方法只会在声明的时候,获取一次。
  • get方法每次使用的时候,都会获取一次。

    Read More

javascript(六)

获取方式区分:

  1. query相关的方法,再使用时就只获取一次。
  2. get方法在每次我们调用的时候,都会重新获取一次。

onclick清空

box.onclick = null//把box的onclick事件变成空对象。

索引

  • 定义一个元素本来不存在的属性,自定义属性。

    Read More

javascript(四)

运算符

  • “+”:可以用作连接符,因此当进行加减运算的时候要确保是两个数字类型。
  • 转换方法:可以用*,-,/任何一种运算符进行自动转换。
  • “-”
  • “*”
  • “÷”

在js中动态添加元素样式的两种方式

  1. 行间样式。
  2. 给style标签添加innerHTML(但是有优先级的关系)

    Read More

javascript(三)

数组

  • 数组[] Array是一种数据格式。
  • 数组中,每个数据之间用“,”隔开。
  • 获取数组中的其中一位,需要用下标。
  • 数组的长度 length。
  • 数组中可以存放任意类型的数据,但是一般为了代码的可读性极维护性,我每一个数组中,只存放一种类型的数据。
  • 当判断不大于这个数组的时候可以两种方式。
  • i>=arr.length-1;
  • i>arr.length

    Read More

javascript(二)

元素获取的其他方法

  • 1.document.querySelector(‘Css Selector’);

    接收一个css选择器(通配,群组,包含,id,类…等等

【注意:如果这个选择器对应的是一组元素,就只找到第0个。】

Read More