字符串当作数组能用来干嘛? 通过onclick事件调用函数的简易方式来咯

366 阅读1分钟

二、字符串当作数组来使用

var str="abcdefg";//字符的每一项相当于数值里的键值,字符串的长度相当于数组的长度
//       0123456
console.log(str.length);//7
console.log(str[3]);//d
var str[0]="w";
console.log(str);//abcdefg   重新修改str的第一项没有生效

注意1:字符串不能像数组一样被设置或修改

注意2:字符串可以任意拼接(重新排序)成一个新的字符串

eg:把str里第一项和最后一项互换

var str="abcdefg";
var newStr="";
for(i=0;i<str.length;i++){
   if(i!=0 && i!=str.length-1){//不要str的第一项和最后一项,再把其他的拼接起来
    newStr+=str[i];
    }
}
console.log(newStr);//bcdef
var a=str[0];//单独设置原来的第一项
var b=str[str.length-1];//单独设置原来的最后一项
console.log("重新排序的是:"+b+newStr+a);//重新排序的是:gbcdefa

三、通过事件来调用函数

   <button id="an" onclick="">按钮</button>

//函数的定义  声名式
    function fn(){
    console.log("fn");
    }
    //函数的调用方式一 *写在行间的 用的少*
    fn();

   //函数的调用方式二    当触发一个事件的时候执行函数,通过js获取标签 用id名

   //方式二(上) 这种方法用的最多

<button id="an">按钮</button>

 an.onclick=function(){
       console.log("点击后执行的代码");//点击按钮之后才会执行
   }

   //方式二(下)

 function fn(){
    console.log("点击后执行的代码");
   }
   an.onclick=fn;//当点击按钮时候执行fn函数,注意onclick后面是不加小括号()的函数

      总结:onclick可以执行js代码,也可以执行js函数

   1、通过属性点击onclick来执行函数 用的少;

  <button id="an" onclick="fn()">按钮</button>

function fn(){
    console.log("点击后执行的代码");
   }

   2.通过获取标签执行onclick事件 ,用的会多一些;

   <button id="an">按钮</button>

an.onclick=function(){
       console.log("点击后执行的代码");//点击按钮之后才会执行
   }

 最终总结:通过事件调用函数的方式:

 1通过  标签.onclick = 未执行的函数 (匿名函数)  2通过 行间的onclick属性 onclick ="函数名()",注意需要小括号(可以传参数)。