二、字符串当作数组来使用
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 ="函数名()",注意需要小括号(可以传参数)。