博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JavaScript 学习笔记(基础学习)

Posted on 2019-01-03 15:56  IT_LM  阅读(148)  评论(0编辑  收藏  举报

一:来自W3School工具的学习 

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

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

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

  4:javaScript 代码块(所谓的行数) function xx()

  5:javascript 大小写敏感

  6:js放在<script></script>脚本里执行。。该<script>建议放在<head>里把

  //下面是基本语法 

  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,而不是基于类的。

   21

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

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