··1 :页面跳转三剑客:
location.assign("http://www.baidu.com");
window.location = "http://www.baidu.com";
location.href = "http://www.baidu.com"
location.replace("http://www.baidu.com"); 跳转到新页面。并且禁止后退。
location.reload();重新加载页面。从缓存中加载。
location.reload(true);重新加载页面 ,从服务器上。
2:fragment 创建文档片段
var fragment = document.createDocumentFragment();
l举个栗子:
var fragment = document.createDocumentFragment();
var ul = document.getElementById("myList");
var li = null;
for(var i = 0; i < 5; i ++){
li = document.createElement("li");
li.appendChild(document.createTextNode("Item" + i));
fragment.appendChild(li);
};
ul.appendChild(fragment);
forEach(); $.each();$().each();方法的区别和用法。
forEach()是js中遍历数组的方法。
var arr = [1,2,3,4];
arr.forEach(function(val,index,arr){//val为数组中当前的值,index为当前值的下表,arr为原数组
arr[index] = 2*val;
});
console.log(arr);
修改了原数组,每个乘以2
$.each()是jQuery中遍历数组的方法。
var arr = [1,2,3,4];
$.each(arr,function)(i,n){
alert("索引"+ i + "对应的值"+ n);
}
$().each()规定每个匹配元素运行的函数
$("li").each(function(){
alert($(this).text())
})
两个display:inline-block的盒子。 各占50%;有时候会换行。是因为两个盒子中间的换行和空格也是一个inline-block;站了空间。方法是给父元素设置font-size:0;在内部盒子里设置具体字号。
js数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
闭包,显示点击的每个索引。
functioniteratorFactory(i){var onclick =function(e){console.log(i) }returnonclick;}var clickBoxs = document.querySelectorAll('.clickBox')for(vari=0;i< clickBoxs.length;i++){ clickBoxs[i].onclick = iteratorFactory(i)}