1.Url网址的编码和解码
<script>
var url = "http://www.itcast.cn?name=andy";
console.log(encodeURIComponent(url)); // 编码
var after = encodeURIComponent(url);
console.log(decodeURIComponent(afterUrl)); // 解码
</script>
2.
indexOf(“字符”); 根据字符返回的位置,从前面开始找需要的字符,从前面数
lastIndexOf(参数:索引字符串); 从后面开始找需要的字符,从前面数
concat() 连接字符串
<script>
window.onload = function(){
var div1 = document.getElementById("div1").innerHTML;
var div2 = document.getElementById("div2").innerHTML;
function click(id,txt){
document.getElementById(id).onclick = function(){
this.nextSibling.innerHTML = txt;
}
}
click("btn1",div1.concat(div2));
}
</script>
3.
slice(取字符串的起始位置, 结束位置) ;
var txt = “abcedf”;
txt.slice(3) ;
从txt字符的第3个开始取,结束位置省略,一直取到最后一个。
slice(3,6)
从第3个开取,取到第6个的位置,从左边的第0个开始数,但是不包括6。
起始位置可以是负数,如果是负数,则是从右边往左边开始取。
var txt =”asdf”;
txt.slice(-2) 结果是 df
substr(起始位置,取的个数)
不写取的个数,默认从起始位置一直取到最后 。
写取的个数,是指从起始位置开始,取几个。
var txt = “abcdefghijk”;
txt.substr(3,4);
从第3个开始取,取4个 defg
substr(-1)兼容性
click("btn7",div1.substr(div1.length-1,1));
substring和slice一样,只是substring始终会把小的值作为起始位置,大的值作为结束位置
substring(6,3) 自动变成 substring(3,6);
4.保留小数位数
<script>
var arr = 1231233.141592653;
var str = arr + ""; // 把数字转换成字符;
var index = str.indexOf("."); // 返回.的位置
// console.log(index);
console.log(str.substr(0,index+3)); // 保留2位小数+3
console.log((arr+".").substr(0,str.indexOf(".")+3)); // 合写
console.log(parseInt(str * 100) / 100); // 1231233.141592653*100=123123314.1592653,取整1231233/100=12312.33
console.log(arr.toFixed(2));
</script>
5.转换大小写
<h1 id="big">大写</h1>
<p id="small">小写</p>
<input type="text" id="txt"/> <button id="btn">发布</button>
<script>
function $(id) {return document.getElementById(id)};
$("btn").onclick = function(){
$("big").innerHTML = $("txt").value.toUpperCase();
$("small").innerHTML = $("txt").value.toLowerCase();
}
</script>
6.上传正确格式的文件
<input type="file" name="" id="File"/><span></span> <!--文件域-->
<script>
var file = document.getElementById("File");
file.onchange = function(){
// alert(1);
// alert(this.value);
var path = this.value;
var arr = path.lastIndexOf("."); // 获取.的位置;
// alert(arr);
var big = path.substr(arr).toUpperCase(); // .之后的字符大写;
// alert(big);
if(big == ".JPG" || big == ".PNG"){
this.nextSibling.innerHTML = "格式正确";
}else{
this.nextSibling.innerHTML = "格式错误";
}
}
</script>
7.
img {vertical-align: top; } /*取消图片底部3像素距离*/
缓动动画
btn.onclick = function(){
timer = setInterval(Play,40);
function Play(){
leader = leader + (target - leader) / 10;
box.style.left = leader + "px";
}
}