JavaScript学习笔记

1.Javascript:是面向对象（无特点）的一种轻量级的可插入到html中的编程语言，但不使用类浏览器从上往下解析的前台脚本程序，该语言对大小写比较敏感，使用的字符集为Unicode。

注意：JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。

Eg：字符串、数字、数组、日期等都是对象。

☀ 输出形式：

              alert（任何类型都可以）弹出警告框; 括号中的对象可以用双引号可以用单引号，若alert直接引用onclick等HTML等事件中时只能用单引号。

              prompt（“字符串”，默认值）弹出提示框，可输入值的文本框，默认值返回的是字符串，确认后显示输入的内容，若点击取消，则显示的返回值为null。                                                                

               confirm（“字符串”）弹出确认框，点击确认输出值为true，点击取

消输出值为false。

                document.write（“字符串”）将内容写到HTML文档中;

                innerHTML=“......”写入到HTML元素

                console.log(“字符串”) 写入到控制台中，方便调式。

☀在HTML文档中使用JS：

                                    使用<script></script>讲js语法嵌入到HTML中，可以使用多个，每一个之间都是有关联的。

                                     ☑href=”javascript:代码”；

                                     ☑直接写在事件中引用。

                                     ☑外部的JavaScript引入<.js>：<script src=”文件位置”></script>

☀变量是一个名称，字面量是一个值。对象和函数是变量。

      相同的变量可用作不同的类型。

          声明变量时，以var开头，声明多个变量时以逗号隔开。

          当您声明新变量时，以var开头，可以使用关键词 "new" 来声明其类型。

          ◪局部变量：只能在函数内访问，即函数运行以后被删除

          ◪全局变量：页面关闭以后被删除

2.获取并定位某一id的位置：getElementById(“id”);——id为字符串（String）用单、双引都可以，用来调用定位该id。

3.命名规则:  

变量：变量名只能以字母或下划线（"_"）开头，大小写不同则变量名不同。

            可以包含数字、从 A 至 Z 的大小写字母，

Eg：变量 myVar、 myVAR 和 myvar 是不同的变量

var firstName='king';  小驼峰

      var FirstName='queen';大驼峰

var first_name='maizi';下划线法

4.js的固定格式：

<script>

   function/*函数类型*/ myFunction/*函数的名称*/(){

                x=document.getElementById(id）； //定位到元素

                x.innerHTML="改变的内容"；     // 改变内容

   }

</script>

Javascript中的注释符：//或/*...*/

5.点击事件：

        <button type="button" onclick="myFunction()">点击此处</button>

οnclick=”点击按钮后调用的函数后出现结果”

6.调用图片：

   <script>

     function changeImage(){

       var element=document.getElementById('changeimage'/*id名称*/)

       if(element.src.match("1.png"))  /*match 为 检索图片*/

       {

          element.src="3.png";

        }

       else

        {

           element.src="1.png";

         }

     }

   </script>

<img src="1.png" id="changeimage" οnclick="changeImage()" width="131px" height="200px">

1. 数据类型： 

              String:字符串类型：

              Number:数字类型：

              Boolean：布尔类型：布尔（逻辑）只能有两个值：true 或 false。

              Array:数组类型

                   var 数组名=new  Array(数组大小)

                   var 数组名=new  Array(“”,””,””,...);

                   var 数组名=[“”,””,””,...];

             Object：对象类型

                    对象是变量的容器，通常认为对象是键值对的容器，键值对在js中通常成为对象属性

                    对象用花括号来分隔

                    属性用逗号分隔

                    属性名（name）：值（value）

                    寻找地址的两种方法：

                                      属性名=对象名.属性名

                                      属性名=对象名[“属性名”]

                                      Eg： name=person.lastname;

                                               name=person["lastname"];

                                      Eg： var person={

                                                                 firstname:"John",

                                                                 lastname:"Doe",

                                                                 id:5566

                                                                };

                                     fullName()方法：

 

                               <script type="text/javascript">

                                      var person={

                                                           one:"one",

                                                           two:"two",

                                                           three:"three",

                                                           fullname:function(){

                                                           return  this.one+this.two+this.three

                                                               }

                                                          }

                                       document.write(person.fullname());

                            </script>

                            <script type="text/javascript">

                               var person={

                                                     one:"one",

                                                     two:"two",

                                                     three:"three"

                                                   }

                             document.write(person.one+person.two+person.three);

                            </script>

                               结果都为onetwothree

8.可以在文本字符串中使用反斜杠对代码进行换行。

Eg：document.write(“你好\

飞凡”);

9.函数类型：

函数作用域: 作用域在函数内修改。 作用域为可访问变量，对象，函数的集合。

function  函数名()

{

执行代码

}

10.字符串：字符串可以是对象，字符串用于存储和处理文本，可存储一系列字符，可插入任何字符，可以使用单引号或双引号，可使用索引来访问字符串中的指定字符，字符串的索引都是从 0 开始，在字符串可中使用引号，但字符串中的引号不能与字符串的引号相同。

因此需要有转义字符：用反斜杠转义，用于转义撇号，换行（\n），回车（\r）引号，等其他特殊字符

创建string对象时，它会拖慢执行速度，因此一般情况直接定义字符串。

11.字符串属性：

• 计算字符串长度：length
• 创建字符串属性的函数：constructor

               返回js中变量的构造函数。

                document.write(对象名.constructor)  显示该函数的名称

             ★String是全局方法，将数字转换为字符串

               toString将数字转换为字符串。

               Date() 获取当前日期返回字符串，用String或toString可将日期对象变为字符串

                      ☛getFullYear(年，月，天) 从Date()对象以四位数字返回年份

                      ☛getMonth()从Date()对象返回一年中的任意一月（0~11）

                      ☛getDate()从Date()对象返回一个月中的任意一天（1~31）

                      ☛getDay()从Date()对象中返回一周中的任意一天（周一~周日）  

                      ☛getHours()从Date()对象中返回一天当中的小时（0~23）

                      ☛getMinutes()从Date()对象中返回一小时当中的分钟（0~59）

                      ☛getSeconds()从Date()对象返回一个分中的任意一秒（0~59）

                      ☛getMilliseconds()从Date()对象中返回一秒当中的毫秒（0~999）

                      ☛getTime()返回1970年1月1日至今的毫秒数

            ★Number()是全局方法,☛将字符串转换数字，

☛将布尔值变成数字（false变为0，true变为1）

☛将日期转换为数字    

两种方法：第一种直接赋值  

Eg:   d = new Date();

Number(d) 

第二种：运用getTime()方法  

Eg:   d = new Date();

d.getTime()

• 允许向对象添加属性和方法：prototype