JavaScript 学习笔记(基础学习)

时间 2019-11-10

标签 javascript 学习笔记基础栏目 JavaScript 繁體版

原文原文链接

一：来自W3School工具的学习 javascript

1:document.getElementById(id) : 访问某个标签的元素,而后对它进行操做 .innerHTML 对其内容进行修改css

2:document.write() : 仅仅向文档输出写内容。其实就是经过js 来写标签的作法。html

3:<html></html> 执行顺序是向上后下 ,无论你的js放在哪一个位置写都要遵循这个顺序的(JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来讲，会在执行前对全部代码进行编译。)java

4：javaScript 代码块(所谓的行数) function xx()编程

5：javascript 大小写敏感数组

6：js放在<script></script>脚本里执行。。该<script>建议放在<head>里把浏览器

//下面是基本语法 cookie

7: var 声明变量；必须以字母开头，大小写敏感；能够一条语句多个变量,每一个变量之间用,隔开；对于无值的变量,其实质是undefine；若是从新申明变量,其值不会改变,除非从新赋值函数

8:数据类型：字符串(双引号和单引号均可以)、数字、布尔(true/false)、数组、对象、Null(用来清空变量)、Undefined(该变量未赋值)工具

JavaScript 变量均为对象。当您声明一个变量时，就建立了一个新的对象。

数组命名的方式： new Array() ; new Array("","","") ; ["","",""] 读取方式:[0] [1]...

对象命名的方式： {key1:"value1",key2:"value2"} ； new object() 读取方式:name.key1 或 name["key1"]

9：函数

function xx() function(var1,var2...)

function xx() {

return 5;

}

局部变量 : 只能在函数内部访问它

全局变量：在函数外声明的变量是全局变量，网页上的全部脚本和函数都能访问它

javaScript的变量生命周期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行之后被删除。

全局变量会在页面关闭后被删除。

10：运算符：若是数字和字符串相加话获得是字符串类型哦。。。

11： try 语句测试代码块的错误。catch 语句处理错误。throw 语句建立自定义错误。

try
  {
  //在这里运行代码
  }
catch(err)
  {
  //在这里处理错误
  }

12：

JavaScript 可以改变页面中的全部 HTML 元素
JavaScript 可以改变页面中的全部 HTML 属性
JavaScript 可以改变页面中的全部 CSS 样式
JavaScript 可以对页面中的全部事件作出反应

13：若是没为未找到元素的话返回null

document.getElementById("intro") //经过id来查找HTML元素

x.getElementsByTagName("p") //经过类名查找 HTML 元素在 IE 5,6,7,8 中无效

14：

改变HTML元素：innerHTML(读取和改变都使用这个)

改变HTML属性：attribute(读取和改变都使用这个)

15：

改变HTML的css：document.getElementById(id).style.property=new style

16：

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

17:常见的事件 : onclick onload onfocus onmousedown onmouseup onmouseover onmouseout

18:节点增删改查

作法思路：见DOM节点例子。。更好的理解作法

// 对象 (常见对象的用法)

19:建立对象两个方法

(1)直接建立 new object() 或者 {key1:"value1",key2:"value2"}

(2)使用函数来建立对象 function person(firstname,lastname,age,eyecolor){

this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var per1 = new person("xx","ee",12,"red")

20
JavaScript 是面向对象的语言，但 JavaScript 不使用类。

在 JavaScript 中，不会建立类，也不会经过类来建立对象（就像在其余面向对象的语言中那样）。

JavaScript 基于 prototype，而不是基于类的。

for....in :用来变量对象的值

22 RegExp 对象用于规定在文本中检索的内容。(知道这个东西，具体玩法在参考案例来)