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";
}
}