JavaWeb_Javascript

javascript简介

javascript = ECMscript + javacript自己的东西(BOM+ DOM)

（1）ECMAScript：描述了该语言的语法和基本对象。

​ 原子 ,引用类型-----

（3）DOM：文档对象模型（DOM），描述处理网页内容的方法和接口。

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GVx9K7yg-1626916510665)(C:\Users\12479\AppData\Roaming\Typora\typora-user-images\image-20210526161458269.png)]

DOM对html的CRUD;

（2）BOM：浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CT964RYG-1626916510666)(C:\Users\12479\AppData\Roaming\Typora\typora-user-images\image-20210530192657629.png)]

1ECMjavascript:

基础

1. 注释

//单行注释

/*
多行注释


 */

1. 2数据类型

   1. ​ 原始数据类型

      1. number 数字.–整数 小数

         1. ;(NaN:一个不是数字的数字类型)

         2. NaM;

         3.  //判断是否是NaN;
             document.write(isNaN(sts ));
            

          ```js
          var n1= +"abc";
          var n2 = NaN;
          /*
         

         字符串转number
         */

             document.write( typeof(n1));
          alert(n1 +1)    // 结果是NaN,类型是number;
              alert(typeof (n1));
          ```
         

      2. String: 字符串, 单引号双都行,

      3. boolean,ture和false

      4. null null的typeof()是object

      5. undefined

   2. 引用数据类型

对象

正则表达式 对象 RegExp

new RegExp(pattern, attributes);
//
 var reg = new RegExp("\w{6,12}");
    var reg2 =/ ^\w{6,12}$/;
    alert(reg);
    alert(reg2);

规则:

1单个字符:

1. []
2. \d小写
3. \w小写----------大写是相反 意思

2量词符号:

• x? 0或者1个x
• *出现0或者多次
• +出现1次或者多次
• {m,n} M<=----<=n

Functions全局函数

Global
<script>

    //编码和解码为URL

     var str = "传智播客";
     var encode = encodeURI(str);
     document.write( str+ encode);
     document.write(decodeURI(encode));
     //方法二
    var st = "123ac";
    var number  = parseInt(st);
    document.write(number);
    var sts = + "123af";
    document.write(sts + typeof(sts) + "<br>");
    //判断是否是NaN;
    document.write(isNaN(sts ));

    var jscode = "alert(123)";
    eval(jscode);

2BOM,DOM

DOM:

document

elment对象

Node 对象

1. Node 对象是整个 DOM 的主要数据类型。
2. node对象是其他对象的福对象,所dom对象都可以被认为是一个节点
3. 所有对象都有她的属性方法
4. 增删改查;
5. href这样就不会跳转了,如果写成#跳转404;不写在本页面跳转.

<a href="javascript:void(0);">跳转</a>

<a href="javascript:void(0);">跳转</a>

1. appendChild()	向节点的子节点列表的结尾添加新的子节点。
   removeChild()	删除（并返回）当前节点的指定子节点。

2. replaceChild()	用新节点替换一个子节点。
   parentNode	返回节点的父节点

element对象

element.removeChild()

element.appendChild()	向元素添加新的子节点，作为最后一个子节点。

事件Event对象,

• 点击事件:

  • 单击onclick

焦点事件

鼠标事件

键盘事件

选择和改变

表单事件

…

BOM Brower OBject model 浏览器对象

                                  |

事件Event对象,

• 点击事件:

  • 单击onclick

焦点事件

鼠标事件

键盘事件

选择和改变

表单事件

…

BOM Brower OBject model 浏览器对象