<body>
<div id="id1">my name is andy!</div>
<div id="id2">what's your name?</div>
<button id="btn1">concat</button><span></span><br/>
<button id="btn2">slice</button><span></span><br/>
<button id="btn3">slice(3,7)</button><span></span><br/>
<button id="btn4">slice(-1)</button><span></span><br/>
<button id="btn5">substr(3)</button><span></span><br/>
<button id="btn6">substr(3,6)</button><span></span><br/>
<button id="btn7">substr(-1)IE678不兼容</button><span></span><br/>
</body>
</html>
<script type="text/javascript">
var id1 = document.getElementById("id1").innerHTML;
var id2 = document.getElementById("id2").innerHTML;
function btnonclick(id,txt){
document.getElementById(id).onclick = function(){
this.nextSibling.innerHTML = txt;
}
}
btnonclick("btn1",id1.concat(id2));//concat,字符串的拼接,
btnonclick("btn2",id1.slice(3));//slice(x,y),截取字符串,第一个x开始截取的位置,y结束截取的位置,不包含索引为y的
btnonclick("btn3",id1.slice(3,6));
btnonclick("btn4",id1.slice(-1));//起始位置是负数,是从后面第一位开始取,
btnonclick("btn5",id1.substr(3));//subStr(x,y),截取字符串,第一个x开始截取的位置,y是表示要截取的个数
btnonclick("btn6",id1.substr(3,6));
btnonclick("btn7",id1.substr(id1.length-3,3));//从后面取值的兼容写法
<div id="id1">my name is andy!</div>
<div id="id2">what's your name?</div>
<button id="btn1">concat</button><span></span><br/>
<button id="btn2">slice</button><span></span><br/>
<button id="btn3">slice(3,7)</button><span></span><br/>
<button id="btn4">slice(-1)</button><span></span><br/>
<button id="btn5">substr(3)</button><span></span><br/>
<button id="btn6">substr(3,6)</button><span></span><br/>
<button id="btn7">substr(-1)IE678不兼容</button><span></span><br/>
</body>
</html>
<script type="text/javascript">
var id1 = document.getElementById("id1").innerHTML;
var id2 = document.getElementById("id2").innerHTML;
function btnonclick(id,txt){
document.getElementById(id).onclick = function(){
this.nextSibling.innerHTML = txt;
}
}
btnonclick("btn1",id1.concat(id2));//concat,字符串的拼接,
btnonclick("btn2",id1.slice(3));//slice(x,y),截取字符串,第一个x开始截取的位置,y结束截取的位置,不包含索引为y的
btnonclick("btn3",id1.slice(3,6));
btnonclick("btn4",id1.slice(-1));//起始位置是负数,是从后面第一位开始取,
btnonclick("btn5",id1.substr(3));//subStr(x,y),截取字符串,第一个x开始截取的位置,y是表示要截取的个数
btnonclick("btn6",id1.substr(3,6));
btnonclick("btn7",id1.substr(id1.length-3,3));//从后面取值的兼容写法
//substring 同slice 一样的 但是有一点不同
//substring(3,6)
// substring 始终会把 小的值作为 起始位置大的值作为结束位置
//例如: substring(6,3) 实际中 自动变成 substring(3,6);
</script>
<script type="text/javascript">
var PI = 3.14159265;
var str = PI +"";
console.log(str.substr(0,str.indexOf(".")+3));//通过indexOf()获取小数点所在位置的索引,substr()从头开始取,到小数点的位置+3
console.log(parseInt(PI*100)/100);
console.log(PI.toFixed(2));//toFixed()取小数方法,2,表示保留2位小数
</script>