11 2013 档案

跨域(一)
摘要：1 2 document.domain 跨子域测试 | by js8.in 3 4 5 6 7 document.domain 跨子域测试 8 此页面来自： 9 发送post10 发送get11 12 跨子域安全13 14 53 1 2 此页面来自： 3 19 20 21 22 1.两个不同子域名通过设置 document.domain=’主域名’ 获取操作对方的跨域权限。 2. 如何获取xhr，即时函数可以一次得到结果，以后调用不用再if判断是否支持XMLHttpRequest 3. locati... 阅读全文
posted @ 2013-11-29 15:31 楚玉 阅读(231) 评论(0) 推荐(0)
document/window的基础知识
摘要： 阅读全文
posted @ 2013-11-29 11:02 楚玉 阅读(131) 评论(0) 推荐(0)
createXhr
摘要：1 var o = { 2 createXhr : function(){ 3 try { 4 console.log("xx"); 5 return new XMLHttpRequest(); 6 }catch(e){} 7 try{ 8 return new ActiveXObject("Microsoft.XMLHTTP"); 9 }catch(e){}10 }11... 阅读全文
posted @ 2013-11-29 10:30 楚玉 阅读(387) 评论(0) 推荐(0)
2013.11.19
摘要：1.验证手机号码：var p = /^[1][3-8]\d{9}$/; // 验证手机 需限制手机位数是11位，所以加上 ^ $2.var v = 0;var a = (v++); // 0var b = (v++); // 13.改函数 1 function a (){ 2 this.title = "PP"; 3 4 return function(){ 5 setTimeout(function(){ 6 console.log(this.title); 7 }) 8 } 9 }10 11 var _a ... 阅读全文
posted @ 2013-11-20 16:27 楚玉 阅读(288) 评论(0) 推荐(0)
奇怪的 加号
摘要： 阅读全文
posted @ 2013-11-13 13:28 楚玉 阅读(159) 评论(1) 推荐(0)
js类型转化
摘要： 阅读全文
posted @ 2013-11-13 11:56 楚玉 阅读(150) 评论(1) 推荐(0)
语句与表达式
摘要："表达式"（expression）是一个单纯的运算过程，总是有返回值；"语句"（statement）是执行某种操作，没有返回值。 1 function foo(){}; // 声明，因为它是程序的一部分2 var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分3 4 new function bar(){}; // 表达式，因为它是New表达式的一部分5 6 (function(){7 function bar(){}; // 声明，因为它是函数体的一部分8 })();表达式的一部分，也是表达式。 而如果func 阅读全文
posted @ 2013-11-13 11:19 楚玉 阅读(315) 评论(0) 推荐(0)
indexOf
摘要：1 var arr = [1,2,3]; 2 3 Array.prototype.indexOf = Array.prototype.indexOf || function(obj){ 4 for(var i = 0, len = this.length; i < len; i++){ 5 if(this[i] == obj){ 6 console.log("xx") 7 return i; 8 } 9 }10 };11 12 ... 阅读全文
posted @ 2013-11-12 10:55 楚玉 阅读(213) 评论(0) 推荐(0)
select ie6 的bug 层级
摘要：1 4 5 6 iframe 可以覆盖 select 7 1 select{width: 160px;height: 20px;float: left;}2 .wrap{position: relative;z-index: 99;width: 400px;height: 400px;background: red;margin-left: -100px;float: left;} 1 var iframe = document.createElement("iframe"), wrap = document.getElementById... 阅读全文
posted @ 2013-11-05 13:44 楚玉 阅读(294) 评论(2) 推荐(0)
html5 像素化
摘要：1 function draw(id){ 2 var canvas = document.getElementById(id); 3 if(canvas.getContext == null){ 4 return false; 5 } 6 var context = canvas.getContext("2d"); 7 var img = new Image(); 8 img.src = "heng.jpg"; 9 img.onload = function... 阅读全文
posted @ 2013-11-04 13:39 楚玉 阅读(391) 评论(1) 推荐(0)
html5 从零创建像素(马赛克)
摘要：1 function draw(id){ 2 var canvas = document.getElementById(id); 3 if(canvas == null){ 4 return false; 5 } 6 var context = canvas.getContext("2d"); 7 8 var imageData = context.createImageData(500,500); 9 var pixels = imageData.data;10 11 ... 阅读全文
posted @ 2013-11-04 11:26 楚玉 阅读(388) 评论(1) 推荐(0)
html5 访问像素值 (拾色器)
摘要：1 2 3 1 function draw(id){ 2 var canvas = document.getElementById(id); 3 if(canvas == null){ 4 return false; 5 } 6 var context = canvas.getContext("2d"); 7 var img = new Image(); 8 img.src = 'heng.jpg'; 9 img.onload = function(... 阅读全文
posted @ 2013-11-01 17:33 楚玉 阅读(795) 评论(3) 推荐(0)
html5 访问像素值 (使图像反相)
摘要：1 1 // 使图像反显 2 function draw(id){ 3 var canvas = document.getElementById(id); 4 if(canvas == null){ 5 return false; 6 } 7 var context = canvas.getContext("2d"); 8 var img = new Image(); 9 img.src = 'heng.jpg';10 img.onload = fu... 阅读全文
posted @ 2013-11-01 17:05 楚玉 阅读(417) 评论(0) 推荐(0)
css3 的transition属性
摘要：div{ width:100px; height: 200px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 和 Chrome */ -o-transition: width 2s; /* Opera */ background: #000; }transition 属性是一个简写属性，用于设置四个过渡属性：transition... 阅读全文
posted @ 2013-11-01 10:42 楚玉 阅读(159) 评论(0) 推荐(0)