javascript
zoekitty
这个作者很懒,什么都没留下…
展开
-
Dom内容汇总
dom: 获取节点:{ 1、document.getElementById(元素id):通过元素id找到节点 2、document.getElementsByClassName(元素类名className): 通过class类名找到节点,返回的是一个集合 3、document.getElemen原创 2016-08-03 19:08:18 · 464 阅读 · 0 评论 -
js实现快速排序
快排思想(1)在数据集之中,选择一个元素作为"基准"(pivot)。(2)所有小于"基准"的元素,都移到"基准"的左边;所有大于"基准"的元素,都移到"基准"的右边。 var quickSort = function(arr) { if (arr.length <= 1) { return arr; } var pivotIndex = Ma原创 2016-09-12 09:38:58 · 346 阅读 · 0 评论 -
BOM
(2)JavaScript引擎JavaScript引擎的主要作用是,读取网页中的JavaScript代码,对其处理后运行。默认情况javascript是同步加载的,javascript的加载是阻塞的,后面的元素要等待js加载完毕后才能进行再加载。2.defer属性(只支持IE)defer属性的作用是,告诉浏览器,等到DOM加载完成后,再执行指定脚本。1、浏览器开始解析H原创 2016-08-09 15:48:40 · 216 阅读 · 0 评论 -
点击按钮显示对应的图片
img{display:none;} 请选择 图片1 图片2 图片3 图片4 var arr=["1.png","2.png","3.png","4.png"]; var imgShow=document.getElementById('imgshow');原创 2016-08-10 12:00:59 · 7298 阅读 · 0 评论 -
点击一列显示其index的三种方法
这是第一条 这是第二条 这是第三条 //第一种方式,加入index属性 /**window.onload=function(){ * var otest=document.getElementById('test'); var oli=document.getElementById('test').getElementsByTag原创 2016-08-10 12:03:15 · 2570 阅读 · 0 评论 -
深入理解this
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。 为转载 2016-08-10 17:55:28 · 279 阅读 · 0 评论 -
JavaScript中call,apply,bind方法的总结。
why?call,apply,bind干什么的?为什么要学这个? 一般用来指定this的环境,在没有学之前,通常会有这些问题。var a = { user:"追梦子", fn:function(){ console.log(this.user); }}var b = a.fn;b(); //undefined我们是转载 2016-08-10 18:16:30 · 209 阅读 · 0 评论 -
注册验证
注册 原创 2016-09-02 09:56:27 · 566 阅读 · 0 评论 -
闭包实现选项卡的切换
*{ margin: 0; padding: 0; list-style:none; } #list{ text-align: center; overflow: hidden; } #list li{ float: left; width: 20px; line-height:20px; background:#ccc;原创 2016-08-24 10:41:50 · 672 阅读 · 0 评论 -
将局部变量开放api给外部使用及链式编程
//局部变量默认外界获取不到的 function demo(){ //在函数内部定义的变量或函数等都是私有的 //1.到金库里面取金条 function money(){ alert('到金库里面取金条'); } //2.获取金库密码 function getPwd(){ alert('获取金库的密码'); } //3.私有的钱原创 2016-08-24 11:19:36 · 227 阅读 · 0 评论 -
含缓动公式的js样式
*{margin: 0; padding: 0;} ul {list-style:none;} body { background-color: #000; } .nav { width: 800px; height: 42px; back原创 2016-09-04 01:12:23 · 403 阅读 · 0 评论 -
放大镜
* {margin: 0;padding: 0;} img { vertical-align: top; } .box { width: 350px; height: 350px; margin:100px; border: 1px原创 2016-09-05 19:49:38 · 208 阅读 · 0 评论 -
仿网易轮播图
下面是slider.js/** * Created by andy on 2015/11/23. */window.onload = function() { // 获取元素 function $(id) {return document.getElementById(id);} var js_slider = $("js_slider"); // 获取最大盒子原创 2016-09-06 19:17:47 · 986 阅读 · 0 评论 -
js中的stringBuilder
Step 1.探秘JavaScript里的字符串连接举例:var str = "good";str += " morning";代码实际执行步骤和C#中的类似1.分配"good"的内存2.分配" morning"的内存3.开辟两个字符串连接后的内存4.将str当前的内容复制到新内存5.把" morning"复制到新内存6.把str的引用指向新的内存转载 2016-10-14 11:51:30 · 1611 阅读 · 0 评论 -
js内置的进制转换
console.log(parseInt("11", 2)); // 3 2进制转10进制 console.log(parseInt("77", 8)); // 63 8进制转10进制 console.log(parseInt("af", 16)); //175 16进制转10进制 /*将10进制转换为2进制,八进制,十六进制字符串 Object.toString(n原创 2016-10-16 11:57:04 · 554 阅读 · 0 评论 -
一些在面试中可能遇到的编程题
//1、找出item元素在给定数组arr中的位置 /* function a(arr,item){ console.log(arr.indexOf(item)) ; } a([1,2,3,4],4);*/ //2、将元素的位置互换 /* var a=['a','b','c']; console.log(a.reverse());*/原创 2016-10-02 19:22:34 · 320 阅读 · 0 评论 -
ajax基础封装
(function () { //1.定义一个未定义的变量用来和其它变量比较是否是没定义 var undefined; /** * 执行ajax时一般需要6项配置 * 请求类型 * url地址 * 数据 * 是否异步 * 成原创 2016-08-23 10:28:22 · 231 阅读 · 0 评论 -
h5拖放2
DragDrop.js/** * Created by wwtliu on 16/6/28. */(function(){ var disX = 0; var disY = 0; var minZindex = 1; var aPos = []; function setDrag(obj,aLi) { obj.onmou原创 2016-08-31 10:39:50 · 305 阅读 · 0 评论 -
h5拖放1
02drag img.html #box{ width: 500px; height: 500px; margin: 20px auto; background: pink; } //1.获取元素 var img = document.getElementById('img');原创 2016-08-31 09:58:33 · 428 阅读 · 0 评论 -
数组去重的两种方式
/*第一种方式 var hash ={ key :value, "hello":true, "node":true, "world":true };*/ function unique() { var arr = ["hello","world","node","hello","node","node","node原创 2016-08-15 21:20:03 · 279 阅读 · 0 评论 -
DocumentFragment
这里讲解DocumentFragment。//主体部分 var Old=document.getElementById('old'); var New=document.getElementById('new'); function old_function(){ for(var i=0;i<500;i++){原创 2016-08-04 10:08:08 · 225 阅读 · 0 评论 -
javascript 中的 this
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最转载 2016-08-04 20:18:59 · 213 阅读 · 0 评论 -
sort()排序
var a=[1,11,111,2,22,222]; a.sort(function(n1,n2){ return n1-n2; }); alert (a);与下面的效果同,原理同,只是代码更精简var a=[1,11,111,2,22,222]; a.sort(function(n1,n2){ if(n1<n2){原创 2016-08-05 09:07:32 · 359 阅读 · 0 评论 -
常用排序算法之JavaScript实现
笔试面试经常涉及各种算法,本文简要介绍常用的一些算法,并用JavaScript实现。1、插入排序1)算法简介插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排转载 2016-08-17 08:58:15 · 202 阅读 · 0 评论 -
验证验证码
input{width:60px;height:40px;border:1px solid yellow;} span{width:40px;height:40px;border: 1px solid blue;display:inline-block;} //随机获取验证码 function getRandomStr(length){原创 2016-08-17 20:16:39 · 472 阅读 · 0 评论 -
json
<!-- city -> 插入option 中 div 中{ date_y -- 》h1 p 中{ week temp1 weather1 wind1 index } } 点击option时,切换div原创 2016-08-17 20:18:17 · 207 阅读 · 0 评论 -
倒计时
剩下的时间为: function timer(){ var ts = (new Date(2017, 7, 3, 18, 20, 0)) - (new Date());//计算剩余的毫秒数 var dd= parseInt(ts / 1000 / 60 / 60 / 24);//计算剩余的天数 var hh = parseInt(ts原创 2016-08-07 11:12:53 · 213 阅读 · 0 评论 -
事件委托 事件10
点我 var tarD = document.getElementById("tar"); tarD.addEventListener("click",function(e){ console.log(e); console.log(e.target); //是事件发起者or事件作用对象 console.log(e.currentTarg原创 2016-08-06 13:33:49 · 206 阅读 · 0 评论 -
数组 shift();slice();splice();indexof();lastIndexof();
shift()用于删除数组的第一个元素并返回该元素&可以遍历循环并清空一个数组var ashift=['a','b','c','d','f']; console.log(ashift.shift());//a/这部分是循环遍历并清空一个数组 var item; while(item=ashift.shift()){ console.log(item);/原创 2016-08-07 22:07:54 · 555 阅读 · 3 评论 -
ajax兼容问题代码
var oBtn=document.getElementById("btn"); oBtn .onclick=function(){ //打开浏览器 /** var xhr=null; if(window.XMLHttpRequest){//window.XMLHttpRequest window下的MLHttpRequest若不存在返回的是u原创 2016-08-19 09:16:09 · 246 阅读 · 0 评论 -
事件09
.div1{width:200px;height:200px;background: lawngreen;} //DOM0监听事件 只能在冒泡阶段触发 、定义两次相同click会被覆盖 var Div1=document.getElementsByClassName('div1').item(0);//[0]也可以 Div1.onclick=functio原创 2016-08-04 19:22:15 · 194 阅读 · 0 评论 -
事件10
window.onbeforeunload=function(event){ var event=event||window.event; if(event){ returnValue="您要离开吗?";//chrome只会出现这句 } return "are you sure to leave";//Ie 前原创 2016-08-07 11:32:06 · 205 阅读 · 0 评论 -
y数组 join();concat();pop();push();
.数组(1)数组的定义数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。var arr = ['a', 'b', 'c'];上面代码中的a、b、c就构成一个数组,两端的方括号是数组的标志。a是0号位置,b是1号位置,c是2号位置。除了在定义时赋值,数组也可以先定义后赋值。var arr = [];arr[0] = ‘原创 2016-08-08 17:20:30 · 299 阅读 · 0 评论