随笔分类 - js/jq
摘要：1 var doc = document.all ? document.frames[0].document : document.getElementById("iframe").contentDocument;2 console.log(doc.body.innerHTML);3 console.log(doc.getElementById("box").innerHTML);1 var iframe = document.getElementById("xx");2 var doc = document.all ? iframe
阅读全文
摘要：1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div id="testID" style="width:200px;height:200px; background:#000;"></div> 9 <script
阅读全文
摘要：例子一： 1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>backbone</title> 6 <script src="app/jquery-1.8.1.min.js"></script> 7 <script src="app/underscore-min.js"></script&g
阅读全文
摘要：1 document.onclick = function(e){2 var tar = H.event.getTarget(e);3 if(tar.nodeName == "A" && tar.href.indexOf("###") != -1){4 H.event.stop(e);5 H.event.cancel(e);6 }7 }其实就是<a href="###"></a> 可以解决在IE6下的BUG.
阅读全文
摘要：1 '193382930'.replace(/(\d)(?=(?:\d{3})+$)/g,'$1,');2 '193382930'.replace(/\B(?=(?:\d{3})+$)/g,',');3 '193382930'.split('').reverse().join('').replace(/.{3}/g,'$&,').replace(/,$/,'').split('').reverse().join('
阅读全文
摘要：1 //ul 记为 <ul> 对象2 ul.firstChild;3 ul.childNodes[0];4 ul.children[0];5 ul.getElementsByTagName('li')[0];6 ul.querySelector('li');
阅读全文
摘要：1 Number.prototype.toRadians = function() { 2 return this * Math.PI / 180; 3 } 4 5 function distance(latitude1, longitude1, latitude2, longitude2) { 6 //R是地球的半径，以KM为单位 7 var R = 6371; 8 9 var deltaLatitude = (latitude2 - latitude1).toRadians();10 var deltaLongitude = (longitud...
阅读全文
摘要：请在15分钟内完成如下基础测试题：●请自行新建一个空文本文档答题。●请使用原生javascript语法答题，禁止使用Jquery等框架语法●请注意有的题目是两个问题，请回答完全，否则答对一半题●需要写代码的地方，请写完整包括大小写，否则算错●描述性的题目写清楚主要的意思就可以了1.如下两个div元素垂直距离是多少？1 <div style="margin-bottom:20px"></div>2 <div style="margin-top:10px"></div>20px2.编写css让div2在div1
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co
阅读全文
摘要：1 Person = Backbone.Model.extend({ 2 //如果从validate中返回字符串了，Backbone就会抛个实例异常 3 validate: function(attributes) { 4 if (attributes.age < 0 && attributes.name != "Dr Manhatten") { 5 return '你的存在是个错误'; 6 } 7 }, 8 initialize: function() { 9 console.log('...
阅读全文
摘要：1 Person = Backbone.Model.extend({ 2 defaults: { 3 name: 'Fetus', 4 age: 0, 5 children: [] 6 }, 7 initialize: function() { 8 console.log('欢迎来到这个无蛋的世界！'); 9 }10 });11 12 var person = new Person({13 name: 'Thomas',14 age: 67,15 children: ['R...
阅读全文
摘要：设 A = $("#id a")，B = $("#id .c a")，求 A - B。要求：1、不能用 jQuery 等框架； 2、兼容 IE6 在内的各大浏览器； 3、尽可能高效； 4、尽可能简短。解法一（由檬檬提供）： 1 var b = document.getElementById("id"), 2 a = b.getElementsByTagName("a"), 3 result = []; 4 5 o: for (var i = 0, j = a.length; i < j; i++) { 6 v
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Binding</title> 5 <script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script> 6 <script src="lib/jquery.tmpl.js" type="text/javascript" charset
阅读全文
摘要：1 (function($, exports) {2 exports.Foo = "wem";3 var example = "test";4 })(jQuery, window);5 6 console.log(example);//“example”未定义 7 console.log(Foo); //wem访问闭包匿名函数内的局部变量
阅读全文
摘要：1 Math.guid = function() {2 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {3 var r = Math.random() * 16 | 0,4 v = c == 'x' ? r : (r & 0x3 | 0x8);5 return v.toString(16);6 }).toUpperCase();7 };
阅读全文
摘要：1 var PubSub = { 2 subscribe: function(ev, callback) { 3 //创建 _callbacks 对象，除非它已经存在了 4 var calls = this._callbacks || (this._callbacks = {}); 5 //针对给定的事件 ev 创建一个数组，除非这个数组已经存在 6 //然后将回调函数追加到这个数组中 7 (this._callbacks[ev] || (this._callbacks[ev] = [])).push(c...
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co
阅读全文
摘要：1 var proxy = function(func, thisObject) { 2 return (function() { 3 return func.apply(thisObject, arguments); 4 }); 5 }; 6 7 //example 8 var clicky = { 9 wasClicked: function() {},10 addListeners: function() {11 var self = this;12 $('.clicky'...
阅读全文
摘要：1 var clicky = { 2 wasClicked: function() {}, 3 addListeners: function() { 4 var self = this; 5 $('.clicky').click(function() { 6 self.wasClicked(); 7 }); 8 } 9 };10 clicky.addListeners();11 12 13 //使用apply14 var proxy = function(func, thisObject) {15...
阅读全文