一、概述:

 
        Netscape开发的一种基于对象和事件驱动的脚本语言。
        
        被设计用来想HTML页面添加交互行为。
 
        无需编译,可由浏览器直接解释运行。
 
        是一种弱类型语言。
 
        JavaScript的正式名称是“ECMAScript”,这个标准有ECMA组织发展维护。
 
        特点:
           
            交互性 (它可以做的就是信息的动态交互)
 
            安全性 (不允许直接访问本地硬盘)
   
            跨平台性 (只要是可以解释Js的浏览器都可以执行,和平台无关)

 
 
 
二、Js与html的结合方式:
 
       1、内嵌方式:
                   <script  type="text/javascript">  
                                      //不推荐使用language="javascript"属性

alert(1);
                   </script>

 
       2、导入方式:
                   <script src="01.js"></script> 
                   在引用外部JS的script标签间不能编写JavaScript代码
 
       3、行内方式: (可以实现效果,但是比较少用)
              <input type="text" onclick="Javascript:var a=20; alert(a)"></input> 
 
三、基本语法:
 
        · 变量、函数 区分大小写
         
        · 变量是弱类型
 
                  var a = 10;
                  var b = true;
                  var c = "hello";         
 
        ·当一行代码结束的时候,如果后面没有其他代码,分号是可以省略的

如果后面还有代码,则需要加上分号。但建议编写

 
         · 两种注释类型    //     /*  */
 
         · 两种数据类型
                   
                    原始值:Undefined、Null、Boolean、Number 和 String 
 
                    引用值:
 
           (通过typeof查看变量类型;instanceof用来检测对象是否属于某个类)
 
         · 运算符  二元、三元、比较
 
         · 流程控制   注意 break、continue的区别
 
四、函数的定义:
 
        方式一:                 记住第一种就行,二三比较少用
                function add(a,b){

return a + b;
                 }

                
                函数无需定义返回值,可直接返回
 
        方式二:
                var add2 = function(a,b){  

return a+b;
                }

 
        方式三:
                var add3=new Function('a','b','c','c=c+1; return a+b+c;');

 
五、全局函数:(具体使用可参考帮助手册)
 
       全局对象是预定义的对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象
 
       ·isNaN 检查某个值是否为数字
 
       ·parseInt / parseFloat 解析字符串为整数 / 浮点数
 
       ·eval  把javascript 字符串作为脚本代码来执行
     
              eval("x=10;y=20;document.write(x*y)")
 
       ·escape与unescape, encodeURI()与decodeURI()
          
         escape函数可对字符串进行编码(中文),这样就可以在所有的计算机上读取该字符串
 
六、常用对象介绍:
 
       Array对象 数组对象,进行数组操作
 
       String对象 ----- 字符串类型的引用类型
 
       Number对象 ---- 数字原始类型引用类型
 
       Boolean对象 ---- 布尔原始类型引用类型 
 
       Math对象 执行数学任务
 
       Date对象 用于处理日期和时间
 
七、语言组成
 
        一个完整的JavaScript实现由3部分组成:
 
        ·核心(ECMAScript)
 
        ·文档对象模型(DOM Document Object Model)
 
             是W3C制定的一套用于访问XML和HTML文档的标准,允许脚本动态 
              的访问和更新文档的内容、结构和样式
 
              1、DOM Core
 
                    DOM的核心方法及API  getElementById()
                                       getElementsByName()
                                       getElementsByTagName()等                 
                      
 
              2、XML DOM  在DOM Core的基础上定义了访问和处理XML文档的标准方法
 
                    DOM树(每一个元素都会被解析为一个节点Node)
 
                    常用的节点类型:(每个节点都包含nodeName、nodeType、  
                                   nodeValue等属性信息)
    
                                               nodeName    nodeType   nodeValue        
 
                      ·元素节点 Element        标签名          1       null
 
                      ·属性节点 Attribute      属性名          2       属性值
 
                      ·文本节点 Text           #text           3       不可
 
                      ·文档节点 Document       #document       9       不可
                                                           注释 8                                      
                              
 
                  Node接口的属性和方法
  
 
                 控制DOM进行CURD(增删改查)
 
                    · 查找
 
                           getElementById()
                           getElementByName()
                           getElementByTagName()
 
                    · 删除
                           
                           father.removeChild(node)
 
                    · 增加   
 
                           Create node
                           father.appendChild(node)
                           father.insertBefore(new,ref)
 
                    · 修改
 
                           father.replaceChild(new,old)
                           old.replaceNode(new)            
      
              3、HTML DOM  在XML DOM的基础上增加HTML的特性和方法,是一个特例
 
                   DOM树
 
                       
 
 
 
        ·浏览器对象模型(BOM这些对象包含多个属性和方法,具体使用可以参考帮助手册)
 
               可以把浏览器里的一些常用对象抽取出来,让JavaScript控制,实现更好的交          
               互效果 
 
               1、BOM Window :表示浏览器窗口
 
               2、BOM Navigator :浏览器的信息
 
               3、BOM Screen :包含有关用户屏幕的信息
 
               4、BOM History :浏览历史
 
               5、BOM Location :对象用于获得当前页面的地址 (URL),并把浏览器重定向
 
                                 到新的页面
 
        ·JavaScript常用事件(可以被JavaScript侦测到的行为
 
               1、鼠标移动事件  onmousemove, onmouseout, onmouseover
 
               2、鼠标点击事件  onclick, ondblclick, onmousedown,onmouseup
 
               3、加载与卸载事件  onload, onunload
 
               4、聚焦与离焦事件  onfocus, onblur
 
               5、键盘事件  onkeydown, onkeyup, onkeypress(回车的keycode=13)
 
               6、提交与重置事件 onsubmit, onreset
 
               7、选择与改变事件(二级联动)

03---JavaScript基础整理的更多相关文章

  1. JavaScript基础整理(1)

    最近读了<JavaScript权威指南>这本书,闲来无事对自认为重要的知识做了些整理,方便以后查阅. JavaScript中的最重要的类型就是对象,对象是名/值对的集合,或字符串到值映射的 ...

  2. JavaScript基础整理(2)

    接下来的重点是函数.我们知道函数是特殊的对象. 函数作用域和声明提前.JavaScript中没有块级作用域,只有函数作用域:变量在声明它们的函数体以及这个函数体嵌套的任意 函数体内都要定义. func ...

  3. JavaScript基础整理

    在HTML页面中嵌入JavaScript代码的三种方式 1.内嵌 写在<head>标签或<body>标签中 <script> function displayTim ...

  4. 03: JavaScript基础

    目录: 参考W3school 1.1 变量 1.2 JavaScript中数据类型 1.3 JavaScript中的两种for循环 1.4 条件语句:if.switch.while 1.5 break ...

  5. javascript基础(整理自廖雪峰)

    不要使用==比较,始终坚持使用===比较false == 0; //返回true. 这种情况, 它会自动转换数据类型再比较false === 0; //返回false. 建议用这种方式 NaN === ...

  6. javascript基础(整理自手册网)

    变量 person=null; //清空变量 carname="Volvo"; //赋值给未声明的变量, 它将会变成全局变量, 即使在函数内部 window.carnam; //所 ...

  7. javascript 基础整理

    js编码标准 参考 数据类型 注意事项

  8. javascript基础03

    javascript基础03 1. 算术运算符 后增量/后减量运算符 ++ ,-- 比较运算符 ( >, <, >=, <=, ==, !=,===,!== ) 逻辑运算符( ...

  9. JavaScript基础第03天笔记

    JavaScript基础第03天笔记 1 - 循环 1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数 ...

  10. JavaScript基础知识整理(2)

    15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...

随机推荐

  1. 对同一个项目下的多个数据库Context进行迁移Migrations

    PM> Enable-Migrations -MigrationsDirectory "Migrations\ContextA" -ContextTypeName MyPro ...

  2. UVa 1599 (字典序最小的最短路) Ideal Path

    题意: 给出一个图(图中可能含平行边,可能含环),每条边有一个颜色标号.在从节点1到节点n的最短路的前提下,找到一条字典序最小的路径. 分析: 首先从节点n到节点1倒着BFS一次,算出每个节点到节点n ...

  3. 【转】adb控台中Permission denied的解决方案

    原文网址:http://blog.csdn.net/wkl305268748/article/details/13504171 [前提]手机一定要root 在控制台中想要将电脑上c盘中的tcpdump ...

  4. [Bhatia.Matrix Analysis.Solutions to Exercises and Problems]ExI.5.10

    Every $k\times k$ positive matrix $A=(a_{ij})$ can be realised as a Gram matrix, i.e., vectors $x_j$ ...

  5. POJ 3177 Redundant Paths 边双(重边)缩点

    分析:边双缩点后,消环变树,然后答案就是所有叶子结点(即度为1的点)相连,为(sum+1)/2; 注:此题有坑,踩踩更健康,普通边双缩短默认没有无向图没有重边,但是这道题是有的 我们看,low数组是我 ...

  6. RhinoMocks简单范例

    using System; namespace MockTest { public interface IBBB { int Number { get; } int Compute(int j); i ...

  7. C 语言控制台实现五子棋项目

    花了一天时间实现了控制台五子棋项目,把项目贴上来.也算是告一段落了. 为了进一步了解C语言编程,熟悉优秀的编码风格,提升编码能力,丰富项目经验.所以在编程初期选择了控制台小游戏<单机五子棋> ...

  8. js基础第四天

    多个tab栏切换class封装 <style>         *{margin:0;padding:0;}         ul{list-style:none;}         .b ...

  9. android sdk api结构解析

    一.系统级:android.accounts android.app     1.OS 相关         android.os         android.os.storage         ...

  10. rpi good tutorial

    http://www.cl.cam.ac.uk/projects/raspberrypi/tutorials/quick-start/