您的位置:首页 > Web前端 > JavaScript

JavaScript基础学习笔记

2016-10-04 18:30 274 查看

一、     JavaScript概述

    JS是脚本语言,用于HTML和Web,属于弱语言,轻量级,解释型的编程语言,可插入到HTML页面,由浏览器执行。

    用处:    

       1.数据验证

       2.将动态的文本写入到网页中

       3.对事件做出响应

       4.可读写HTML中的内容

       5.可检测浏览器
       6.可创建cookies

    一个完整的JavaScript实现可由3部分组成:核心(ECMAScript)、文档对象(Document Object Model,DOM)、浏览器对象模型(Browser Object Model,BOM)

     常见的JS数据类型:对象、数组、数字、布尔、空值、undefined

     可用的数据处理:字符串处理、日期处理、数组处理、逻辑处理、算术处理0

   注意事项:

JS区分大小写

.忽略多余的空格
.JS中的注释://:单行注释、/**/:多行注释
“;”分号用于一行中有多条语句

二、      JavaScript用法

             JS代码可放置位置:

                  1.位于HTML中的head标签中

     
4000
              2.位于HTML中的body标签中

                    3.位于事件的属性值中,如:onclick="JS代码"

                     4.位于JS文件中

         一、在head、body标签中

                        一般不放在body标签中,都是位于head标签中。用<script type="text/script"></script>标签包含

          二、在事件的属性值中

                          用于HTML中的事件响应之后的处理

          三、在JS文件中

                          一般用于大规模的网站开发,推荐使用这种方法。JS文件的后缀名为.js。JS文件用link标签导入。导入格式为:<link src="JS文件名">

三、JS语句

           输出语句

                      1.prompt()函数

                               弹出对话框,输入信息。输入之后返回输入信息的值。有两个参数:第一个是提示内容,第二个是输入框的默认内容

                      2.documnet.write()和document.writeln()函数

                                将信息直接输入到浏览器中,会覆盖网页中内容。ln为行输出,默认加回车。

                      3.window.alert()函数

                                     弹出输出时产生警告提示信息的对话框

三、        JS变量、类型、值

            

                类型分为:原始类型、对象类型

                原始类型:数字、字符串、布尔值

                 特殊的原始值:null(空值)、undefined(未定义)

                 对象类型:属性的集合

                 JS有内存管理机制,自动对内存垃圾回收

        一、变量

                 变量命名:

                            1.必须以字母或_、$开头

                             2.区分大小写

                             3.变量不能是保留字

                 变量声明:一般用var用来声明变量

          二、数据类型

                   Undefined类型

                                 Undefined类型的只有一个值即特殊的undefined。用var声明变量但未对其初始化,其值为undefined

                   Null类型

                                  Null类型的只有一个值即特殊的null,表示一个空值

                  Boolean类型

                                  Boolean类型只有两个值:true、false

                                  Boolean类型转换规则
                                 数据类型                        对应true值                  对应false值

                                  Boolean                              true                             false

                                    string                                 非空                            空

                                   number                               非0                            0

                                   object                             任何对象                         null

                                   undefined                         不适用                        undefined

                Number类型

                           特点:

                                 1.JS中的所有数值都存储为根为10的64位浮点数

                                 2.整数最多为15位(不使用小数点或指数计数法)

                                 3.小数最大位为17位

                                  4.前缀为0,为8进制。前缀为0X或0x为16进制

                                  5.特殊数值:NaN(非数值,Not a Number)

                   一、数字

                             整型:整数

                              浮点型:小数

                               算术运算:+、-、*、/、%

                          日期和时间:

                                    date()构造函数,用来创建表示日期和时间的对象。

                                        date对象的方法:
                                               1.getFullYear():年

                                                2.getFullmonth():月

                                                3.getdate():日

                                                4.getDay():星期

                                                 5.getHours():时

                                                 

                     二、字符串

                                    用""或''括起来。含有一些转义字符。用属性lenght可求长度。

                     三、布尔:true、false

                      四、特殊值:null、unfined

                                      null:表示其值是空值

                                      unfined:表示没有任何值,空值也没有    

                       五、类型转换

                                     显示转换:

                                            Number("内容"):转为数字

                                             String(内容):转为字符串

                                              Boonlean(内容):转为布尔

                                              Object(内容):转为对象

                                               .ToString():Number对象使用的函数转为字符串,也可将数组转为字符串

                                                .toFixed(数字):将Number对象后面指定数字表示位数的小数,不够添0,多余舍去

                                               parseInt(”内容",基数):这是一个全局函数,转为整型.。基数参数可选,表示转为特定的进制

 ===和==的区别:

                                    ==:表示只要两个值相等就行。

                                   ===:表示值和类型都相等。

定义函数:用function关键字定义一个函数,也可用function()构造函数定义一个匿名函数

 HTML事件:

                           onchange:HTML元素改变

                           onclick:点击HTML元素

                            onmouseover:在HTML元素上移动鼠标

                              onmouseout:从HTML元素上移开鼠标

                              onkeydown:按下键盘

                               oload:浏览器加载完页面

 if、for、while、do-while、switch语句和其他语言基本一样,不再总结。break和continue用法也是一样。

可用typeof测试变量的类型

                           

正则表达式

         正则表达式是用单个字符串来描述、匹配一系列符合某种模式规则的字符串搜索模式。

             字符串对象.search(字符串) :用于检索子字符串在字符串对象中的位置,返回值是字符串的起始位置

              字符串对象.replace(字符串,替换内容):将字符串对象中的指定字符串替换掉
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: