js开发小技巧

··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)}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 双感叹号判断布尔值 var a;!!a;// => false 判断对象是否为空 function isEmpty...
    itsky365阅读 921评论 0 1
  • 第一部分 准入训练 第1章 进入忍者世界 js开发人员通常使用js库来实现通用和可重用的功能。这些库需要简单易用,...
    如201608阅读 5,163评论 1 2
  • 2016.9.9 第6章 原型与面向对象 原型虽然是定义对象的一种很方便的方式,但它的本质依然是函数特性。 使用原...
    如201608阅读 3,942评论 0 0
  • javascript 是一门弱类型,动态脚本语言(所有变量通过var声明,不需要用int char....).它的...
    3hours阅读 4,035评论 0 1
  • 凌晨一点,接到小K的电话,他说:“上次那个事,真是我的错,特么的,我就是拉不下脸跟你说对不起。” 明显一副醉态。“...
    平头姐阅读 2,999评论 0 0

友情链接更多精彩内容