wxyoo1 的技术人生

今天在给学生处做一个需求页面写一个计时插件时，遇到了html()在ie下兼容性问题先看代码：html必读说明 $(document).ready(function(){ var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { //al

每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置#info{ width:100px; height:100px; background:red; position:absolute; top:0; left:0; }window.onload = function(){ document.onclick = clickwhere;

每天一个JavaScript实例-从js脚本中访问object元素中的SVG No SVG supportvar object = document.getElementById("object");object.onload = function(){ var svgdoc; try { svgdoc = object.contentDocument;

每天一个JavaScript实例-canvas画图 .canvas{ width:600px; height:500px; }window.onload = function(){ var imgcanvas = document.getElementById("imgcanvas"); if(imgcanvas.getContext){ var ctx = imgc

每天一个JavaScript实例-使用缓存计算（memoization）来提高应用程序性能window.onload = function(){ var fibonacci = function(){ var memo = [0,1]; var fib = function(n){ var result = memo[n]; if(typeof resu

每天一个JavaScript实例-检测表单数据 [role="alert"]{ background-color: #fcc; font-weight: bold; padding:5px; border:1px dashed #000; } div{ margin:10px 0; padding:5px; width:400px; background-c

每天一个JavaScript实例-apply和call的用法function Person(name,age){ //定义一个类，人类 this.name=name; //名字 this.age=age; //年龄 this.sayhello=function(){console.log("hello")};} function P

使用循环和分割来替换和删除元素var arr = new Array("ab","aa","bc","ab","ss","ab","ss","dd","ab","aa","aa","aa");while(arr.indexOf("ab") != -1){ console.log("1"+arr); arr.splice(arr.indexOf("ab"),1,"**"); } con

每天一个JavaScript实例-递归实现反转数组字符串var func = function(x,indx,str){ return indx == 0 ? str : func(x,--indx,(str +=" " + x[indx]));; }var arr = new Array("apple","banna","orange","apple2","apple3");var

每天一个JavaScript实例-canvas定时器动态的更新一个线条 window.onload = function(){ var array1 = [[100,100],[150,50],[200,185],[250,185],[300,250],[350,100],[400,250],[450,100],[500,20],[550,80],[600,120]]; var

每天一个JavaScript实例-html5拖拽#drop{ width:300px; height:200px; background-color:#f00; padding:5px; border:2px solid #000; }#item{ width:100px; height:100px; background-color:#ff0; padding

一个页面分享出去，上面有返回按钮，如果第一次打开，会没有上一页历史记录。window.history.go(-1) 会返回空白或者501 错误。可以这样实现：document.referrer === '' ? window.location.href = 'http://m2.paipai.com/index.shtml' : wi

模块开发模式学习前奏

请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：var url = “http://www.taobao.com/index.php?key0=0&key1=1&key2=2.....”var obj = parseQueryString(url);alert(obj.key0) // 输出0我的答案：functio

浪去项目有个头图滑动横向滑动的需求，故写次demo 滑动跟随手指横向滑动 .spirit { /* 方块的class名称*/ position: absolute; width: 50px; height: 50px; background-color: red; }

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><![CDATA[ win

每天一个JavaScript实例-防止重复表单提交 #refresh{ display: none; width:200px; height:20px; background-color: #ff0; }var inprocess = false;window.onload = function(){ document.forms["picker"].ons

每天一个JavaScript实例-点击图片显示大图添加鼠标操作 img{padding:5px;width:100px;height:auto;} #outer{ width:100%; height:100%; } .overlay{ background-color:#000; opacity: .7; filter:alpha(opacity=70); po

每天一个JavaScript实例-cookie的使用方法 div{margin:5px;}window.onload = function(){ if(navigator.cookieEnabled){ document.getElementById("set").onclick = setCookie; document.getElementById("get").oncl

每天一个JavaScript实例-标量参数和数组参数的功能性区别 window.onload = function(){ var items = new Array('apple','orange','cherry','lime'); var sep = "*"; func(items,sep); console.log(items); console.log(sep);

每天一个JavaScript实例-点击图片显示大图 img{padding:5px;width:100px;height:auto;} #outer{ width:100%; height:100%; } .overlay{ background-color:#000; opacity: .7; filter:alpha(opacity=70); position

今天学习angular提到了marka测试驱动开发，就安装了下，结果一直提示命令没找到。如下图：查找了一些资料，发现marka的资料少的可怜。最后终于发现了问题所在。原因是：npm没有在/usr/local/bin目录下面创建 Karam目录的软链接导致。因为Karma的实际安装目录可能是在：/usr/local/lib/node_modules/karma

每天一个JavaScript实例-UTC日期和时间window.onload = function(){ var aaa = document.getElementById("date"); var dt = new Date(); console.log(dt); aaa.innerHTML = ""+dt+""; var today = new Date(); var ut

每天一个JavaScript实例-去除字符串末尾的空白function white(){var input = document.getElementById("inputid");var lines = input.value.split("\n");var resultString = "";for (var i = 0; i < lines.length; i++){ va

每天一个JavaScript实例-处理textarea中的字符成每一行 function clicka(){ console.log("aaa"); var aa = document.getElementById("text"); var lines = aa.value.split("\n"); var bbb = document.

//用逗号隔开字符串成数组打印。 每天一个JavaScript实例-分割字符串 window.onload = function(){ var keywordList = prompt("输入字符，用","分开"); var arrayList = keywordList.split(",",2); console.log(arr

I II A B 1 2 3 C 解决方案：$('ul#id').children();

function setHtml(){    var html = "";    $.getJSON("ajax!getList",{async:false},function(data){      html = data.section;      alert(html);    });    alert(html);//加async:false 此处就能获取到}

【iphone和ipad hover态不消失问题】ios hover problem

每天一个JavaScript实例-动态省份选择城市var citystore = new Array();citystore = [['SD','济南'],['SD','烟台'],['SD','青岛'],['SX','太原'],['BJ','北京'],['HN','海南']];window.onload = function(){ document.getElementById("sta

每天一个JavaScript实例-使用带有定时器的函数闭包 #redbox{ position:absolute; left:100px; top:100px; width:200px; height:200px; background-color:red; }window.onload = function(){ document.g

每天一个JavaScript实例-操作元素定位元素 div#a{ width:500px; } div{ border:1px solid #000; padding:10px; } #cursor{ position:absolute; background-color:#ff0; width:20px; height:20px; left:50px;

每天一个JavaScript实例-tab标签切换 .tabcontainer{ padding:5px; width:500px; margin:20px; } .tabcontainer ul{ padding:0; margin:0; display:none; } .tabnavigation ul li{ padding:3px; display

每天一个JavaScript实例-判断图片是否加载完成 window.onload= function(){ //clearTimeout(clock); alert("加载完成"); } var item = document.getElementsByTagName("img"); var clock = setTime

每天一个JavaScript实例-获取元素当前高度 #date{width:90%;height:25%;padding:10px;background: red;}window.onload = function(){ var height = getHeight(); console.log(height);}function getHeight(){ var height

每天一个JavaScript实例-展示设置和获取CSS样式设置 #date{ width:200px; background-color:lime; }function getStyle(date,cssprop,cssprop2){ //IE if(date.currentStyle){ return date.currentStyle[cssprop]; }els

每天一个JavaScript实例-从一个div元素删除一个段落 p{ padding:20px; margin:10px 0; width:400px; background-color:#eef; }window.onload = function(){ var paras = document.getElementsByTagName("p"); for(var

每天一个JavaScript实例-提取所有链接并添加到页面末尾列表window.onload = function(){var links = document.getElementsByTagName("a");//console.log(links);var ul=document.createElement("ul");for(var i = 0;i<links.length;i

每天一个JavaScript实例-确定web页面的区域function size(){ var width = 0; var height = 0; if(!window.innerWidth){ width = (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.

初步想法是做成fiddler 的chrome插件版。但是开发过程中发现在奇舞团工作的 李成银大神 早就已经实现了。这是项目的原型。祭奠一下。