2019/8/16js笔记

对象objet：

命名：自命名              构造函数对象           关键字     new，   this是一种关键字，指的是当前对象，算是一种简称吧。 

对象属性：就是一个对象的特征；

对象方法：就是对象的执行动作；

对象的两种访问方式：一种是对象名称后面跟.                一种是对面后面加大括号括号里面加引号，不加引号的话当字符串使用。

js事件：

js事件绑定在对象上的三种方法：

　　　　　　　　　　　　　　1，将事件添加到元素标签的属性上<h3onclick="console.log('奥特曼打怪兽')">海绵宝宝历险记</h3>

　　　　　　　　　　　　　　2，将事件作为属性添加到对象上window.onload = function(){
   　　　　　　　　　　　　　　　var h4 = document.getElementsByTagName('h4')[0];
   　　　　　　　　　　　　　　　h4.onclick = function(){
   　　　　　　　　　　　　　　　 console.log('奥特曼第二次打怪兽');
   　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　　　 }

　　　　　　　　　　　　　　3，将事件作为方法添加到对象上；  方法名称：addEventListener()   addEventListener：向指定元素添加事件。window.onload = function(){
   　　　　　　　　　　　　　　　 var h4 = document.getElementsByTagName('h4')[0];
   　　　　　　　　　　　　　　　 var fyh=function(){
    　　　　　　　　　　　　　　　　 console.log('奥特曼第三次打怪兽');
   　　　　　　　　　　　　　　 }
    
    　　　　　　　　　　　　　　　　h4.addEventListener('click',fyh,false);        //事件名称、处理程序（回调方法）、false以冒泡方式处理
   　　　　　　　　　　　　　　　　 h4.removeEventListener('click',fyh,false);              //将次方法移除；方法名称：removeEventListener
    
 　　　　　　　　　　　　　　  }

聚焦与失焦触发事件：function myFunction(){
 　　　　　　　　　　 var x=document.getElementById("fname");
  　　　　　　　　　　 x.value=x.value.toUpperCase();     //获取X内的值，将input框内元素被改变。
 　　　　　　　　　　　 }
　　　　　　　　　　  输入你的名字: <input type="text" id="fname" onchange="myFunction()">
　　　　　　　　　　  <p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>                                            鼠标放在input框尚是聚焦，按下键盘移开鼠标点击外面会出现一个失焦事件从而触发函数对象。

事件冒泡，捕获：事件冒泡是指从里到外开始触发一直到最大的那个，与事件冒泡正好相反，是从最大的一部一部像子元素触发。

 

字符串方法：

单双引号：单引号和双引号(独自使用没区别)；  单双引号混合使用同号不能父子关系用。但可以用\\包起来使用。

转义字符(html不会识别\n不会起到换行作用占一个字符)(html中没有任何意义)；

字符串可以是对象，但对象不能比较。

字符串的应用：

获取字符串长度var str="hello"; console.log(str.length);

查找字符串中的字符串var str="good good study"   console.log(str.indexOf("study"));

提取部分字符串      slice   console.log(str.slice(1,3));  substring(取负参数从零开始)始)      console.log(str.substr(3,7));        substr规定长度(取负参数从零开  console.log(str.substr(3,7));

替换字符串内容          var str="good good study";                  var res=str.replace("good","day");

连接两个字符串或多个concat        var one="hello";          var two="world";         var three="!!!"           var x=one.concat("+","abc",three);     console.log(x)

代替连接符          var x= "hello".concat(" ","world");            var x= "hello".concat(" ","world"," ","world");

返回字符串中指定索引的字符 unicode 编码                var str = "HELLO WORLD";             console.log(str.charCodeAt(0));

把字符串转换为数组split()                var txt = "at,b,cpp,d,e";   字符串                      var test=txt.split(",");          用逗号分隔      var test1=txt.split(" ");           用空格分隔       var test2=txt.split("|");          // 用竖线分隔        console.log(test1);

如果字符串之间没有符号           var txt = "H,ello";        字符串                 var txt_= txt.split("");               var a=txt_.join("")                   console.log(a);     // 分隔为字符；