- 浏览: 46211 次
最新评论
-
zz13203778855:
哈哈 不好意思 问了个很低级的问题、、、参数随便写就行的、、哈 ...
使用jQuery Ajax功能的时候需要注意的一个问题 -
zz13203778855:
XHR就可以吗?不用XMLHttpRequest 这样写么? ...
使用jQuery Ajax功能的时候需要注意的一个问题 -
zz13203778855:
XHR
使用jQuery Ajax功能的时候需要注意的一个问题 -
lxy2330:
很不错啊,
这些年,我收集的JavaScript代码(一) -
babydeed:
写的不错 赞一个
[JavaScript]项目优化总结
一、取URL中的参数
function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); }
二、正则分组
var testStr="<div><img src='/a.jpg' alt='' /><span>test</span><img src='/b.jpg' alt='' /><span>TTest</span><img src='/c.png' alt='' /></div>"; var reg=/<img\ssrc='(.*?)'\s+alt=''\s*\/>/g; var match=reg.exec(testStr),results=[]; while(match != null){ results.push(match[1]); match=reg.exec(testStr); } console.log(results); /* Array ["/a.jpg", "/b.jpg", "/c.png"] */
三、为什么parseInt(1/0,19)的结果为18
1/0的结果是Infinity,所以parseInt(1/0,19)等同于parseInt("Infinity",19),而在19进制中:
19进制 10进制 -------------------- 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 a 10 b 11 c 12 d 13 e 14 f 15 g 16 h 17 i 18
i表示18,所以parseInt(1/0,19)的结果为18。
四、jQuery中获取设置checkbox选中状态
由于在jQuery1.6以后.attr("checked")的返回结果是 checked,所以一般用下面两种方法获取选中状态:
$("#checkboxID").is(":checked");
//jQuery 1.6 + $("#checkboxID").prop("checked");
选中checkbox:
//jQuery 1.6+ $("#checkboxID").prop("checked", true); $("#checkboxID").prop("checked", false); //jQuery 1.5 and below $('#checkboxID').attr('checked','checked') $('#checkboxID').removeAttr('checked')
五、jQuery中判断一个元素是否存在
if ($(selector).length)
六、用JavaScript对URL进行编码
var myUrl = "http://example.com/index.html?param=1&anotherParam=2"; var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl);
七、jQuery中event.preventDefault() 与 return false 的区别
//Demo1 event.preventDefault() $('a').click(function (e) { // custom handling here e.preventDefault(); }); //Demo2 return false $('a').click(function () { // custom handling here return false; };
jQuery中return false相当于同时调用e.preventDefault 和 e.stopPropagation。
要注意的是,在原生js中,return false仅仅相当于调用了e.preventDefault。
八、JavaScript检查一个字符串是否为空最简单的方法
if (strValue) { //do something }
九、用JavaScript添加和删除class
//Add Class document.getElementById("MyElement").className += " MyClass"; //Remove Class document.getElementById("MyElement").className = document.getElementById("MyElement").className.replace(/(?:^|\s)MyClass(?!\S)/,'');
十、在jQuery中取消一个ajax请求
var xhr = $.ajax({ type: "POST", url: "test.php", data: "name=test", success: function(msg){ alert( msg ); } }); //取消请求 xhr.abort()
要注意的是,在ajax请求未响应之前可以用xhr.abort()取消,但如果请求已经到达了服务器端,这样做的结果仅仅是让浏览器不再监听这个请求的响应,但服务器端仍然会进行处理。
十一、JavaScript删除数组中的项 delete vs splice
var myArray=["a","b","c"]; delete myArray[0]; for(var i=0,j=myArray.length;i<j;i++){ console.log(myArray[i]); /* undefined b c */ } var myArray2=["a","b","c"]; myArray2.splice(0,1); for(var i=0,j=myArray2.length;i<j;i++){ console.log(myArray2[i]); /* b c */ }
上面的代码已经说明区别了,一个是设置为undefined,一个是真正的删除了。
十二、JavaScript中16进制与10进制相互转换
var sHex=(255).toString(16);//ff var iNum=parseInt("ff",16);//255
十三、JavaScript多行字符串
如何在JavaScript中方便地写一个多行字符串呢,有三种方案,你自己选吧:
//one var testHtml="a"+ "b"+ "c"; //two var testHtml2="a\ b\ c"; //three var testHtml3=["a", "b", "c"].join("");
十四、JavaScript中!!操作符是什么
console.log(!!10);//true console.log(!!0);//false console.log(!!"abc");//true console.log(!!"");//false
简单地说就是把右侧的值转为bool值
十五、JavaScript实现endsWith
String.prototype.endsWith = function(suffix) { return this.indexOf(suffix, this.length - suffix.length) !== -1; }; //or function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; }
十六、JavaScript中克隆对象
function clone(obj) { // Handle the 3 simple types, and null or undefined if (null == obj || "object" != typeof obj) return obj; // Handle Date if (obj instanceof Date) { var copy = new Date(); copy.setTime(obj.getTime()); return copy; } // Handle Array if (obj instanceof Array) { var copy = []; for (var i = 0, var len = obj.length; i < len; ++i) { copy[i] = clone(obj[i]); } return copy; } // Handle Object if (obj instanceof Object) { var copy = {}; for (var attr in obj) { if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]); } return copy; } throw new Error("Unable to copy obj! Its type isn't supported."); }
十七、JavaScript字符与ASCII码间的转换
console.log("\n".charCodeAt(0));//10 console.log(String.fromCharCode(65));//A
十八、JavaScript中浮点数的相等判断不能用 ==
console.log(0.1+0.2 == 0.3);//false console.log(Math.abs(0.1+0.2 - 0.3) < 0.000001);//true
如上所示,浮点数相等判断要用差的绝对值小于某一个数来判断。至于原因可以参考这里:http://docs.oracle.com/cd/E19957-01/806-3568/ncg_goldberg.html
十九、JavaScript中base64编码
var Base64 = { // private property _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode : function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4); } return output; }, // public method for decoding decode : function (input) { var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) { enc1 = this._keyStr.indexOf(input.charAt(i++)); enc2 = this._keyStr.indexOf(input.charAt(i++)); enc3 = this._keyStr.indexOf(input.charAt(i++)); enc4 = this._keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 != 64) { output = output + String.fromCharCode(chr2); } if (enc4 != 64) { output = output + String.fromCharCode(chr3); } } output = Base64._utf8_decode(output); return output; }, // private method for UTF-8 encoding _utf8_encode : function (string) { string = string.replace(/\r\n/g,"\n"); var utftext = ""; for (var n = 0; n < string.length; n++) { var c = string.charCodeAt(n); if (c < 128) { utftext += String.fromCharCode(c); } else if((c > 127) && (c < 2048)) { utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128); } else { utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); } } return utftext; }, // private method for UTF-8 decoding _utf8_decode : function (utftext) { var string = ""; var i = 0; var c = c1 = c2 = 0; while ( i < utftext.length ) { c = utftext.charCodeAt(i); if (c < 128) { string += String.fromCharCode(c); i++; } else if((c > 191) && (c < 224)) { c2 = utftext.charCodeAt(i+1); string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); i += 2; } else { c2 = utftext.charCodeAt(i+1); c3 = utftext.charCodeAt(i+2); string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3; } } return string; } } //encode Base64.encode("Test"); //VGVzdA== //decode Base64.decode("VGVzdA=="); // Test
二十、jQuery中each跟map的区别
each跟map都可以用来遍历Array或Object,区别是each不改变原来的Array或Object,map是操作给定的Array或Object返回一个新Array或Object。Demo:
var items = [1,2,3,4]; $.each(items, function() { alert('this is ' + this);//alert 1,2,3,4 }); var newItems = $.map(items, function(i) { return i + 1; }); // newItems is [2,3,4,5]
map会占用更多的内存,所以如果只是遍历建议用each。
评论
发表评论
-
推荐40个精心挑选的功能强大的jQuery导航插件
2012-08-23 08:59 1415推荐40个精心挑选的功能强大的jQuery导航插件 ... -
精心挑选的12款优秀 jQuery 手风琴效果插件和教程
2012-08-22 12:09 1301当你想在有限的页面空间内展示多个内容片段的时候,手风琴 ... -
[JavaScript]项目优化总结
2012-08-15 08:44 1727前端时间对公司已有项目JavaScript代码进行优 ... -
这些年,我收集的JavaScript代码(二)
2012-07-28 08:52 1812一、JavaScript跨平台事件 对于跨平台事件我 ... -
使用jQuery Ajax功能的时候需要注意的一个问题
2012-07-17 08:57 1985最近发现jQuery越来越火,用它的人也越来越多。jQu ... -
推荐20款非常优秀的 jQuery 工具提示插件
2012-07-16 07:53 836工具提示(Tooltip)在网站中的一个小功能,但却 ... -
你可能不知道的10个JavaScript小技巧
2012-04-28 16:29 1038尽管我使用Javascript来做开发有很多年了,但它常 ...
相关推荐
这个“JavaScript经典代码收集”压缩包显然包含了各种实用且经典的JavaScript代码片段,对于学习和提升JavaScript技能非常有帮助。下面我们将深入探讨其中可能涵盖的一些重要知识点。 1. **变量与数据类型**:...
JavaScript是Web开发中不可或缺的一部分,尤其在创建动态和交互性的网页内容方面。...这个"JavaScript网站广告代码大全"就是一个很好的学习资源,它涵盖了多种广告展示方式,帮助你快速理解和应用这些技术。
标题“个人收集JavaScript源代码集”表明这是一份包含各种JavaScript代码示例和个人实践的集合。这份资源可能是为了帮助开发者学习、理解和参考JavaScript的各种功能和编程技巧。其中的源代码可能涵盖了基础语法、...
在“tx20161203”这个压缩包文件中,可能包含了2016年12月3日收集的JavaScript代码示例、库或项目,这些内容可以帮助你理解和掌握上述JavaScript的各个方面。无论是初学者还是有经验的开发者,都能从中获取有价值的...
这段JavaScript代码简单地读取并显示文档的`lastModified`属性,即页面最后一次被修改的时间。这对于需要了解页面更新情况的用户来说非常有用。`document.write`直接将结果输出到页面上,不过在现代网页开发中,更...
这份文档《JavaScript经典代码大全收集.pdf》中展示了许多JavaScript的经典代码片段,这些片段涵盖了JavaScript在网页编程中的常见用途,包括操作DOM元素、事件处理、页面跳转、弹窗、焦点控制等多个方面。...
这篇“JavaScript常用代码收集(一)”旨在整理和分享一些JavaScript的基础及进阶知识点,帮助开发者提升工作效率。 在JavaScript中,`null`是一个特殊的值,它表示“无”或“空”。不同于其他编程语言中的空值,...
"收集JavaScript代码的运行时类型信息"这个主题旨在探讨如何有效地获取和利用这些信息。 JavaScript是一种动态类型语言,其变量可以存储不同类型的值,包括数字、字符串、布尔值、null、undefined、对象(包括数组...
标题中的"Iroh是JavaScript的动态代码分析工具"表明Iroh是一个专门用于帮助开发者在运行时理解和优化JavaScript代码的工具。动态代码分析意味着它可以在程序执行过程中收集数据,而不仅仅是静态地分析源代码。这种...
JavaScript是一种广泛应用于Web开发的轻量级编程语言,它在前端和后端都有应用。这里提供的代码片段展示了JavaScript在实际开发中的多个应用场景。 首先,我们看到一个`doSelectUser`函数,它用来打开一个模态...
本文主要研究了混淆恶意JavaScript代码的检测识别与分析,提出了一种基于多特征的检测方法。通过对大量JavaScript恶意代码的研究,对混淆恶意JavaScript代码进行特征提取与归类,从基于属性特征、基于重定向特征、...
第一篇 JavaScript入门篇 第1章 初步了解JavaScript 1.1 JavaScript是什么 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程...
- **学习阶段**:收集大量的正常JavaScript代码样本,通过机器学习建立基准模型。 - **检测阶段**:实时监控网页中的JavaScript代码执行情况,提取特征并与基准模型对比。 - **训练阶段**:根据模型对特征值的...
本文提出了一种基于卷积神经网络的JavaScript恶意代码检测方法,通过爬虫工具收集良性和恶意的JavaScript脚本代码,获得样本数据,并将JavaScript样本转换为相对应的灰阶图像,得到图像数据集。然后,通过构建卷积...
JavaScript是一种广泛应用于网页开发...在"常用的网页广告代码"这个压缩包中,可能包含了实现以上功能的JavaScript代码示例和库,供开发者参考和学习。理解并熟练运用这些知识点,有助于提升网页广告的效率和用户体验。
从给定的HTML和JavaScript代码片段中,我们可以深入解析并理解一些重要的JavaScript概念与实践,尤其是在网页中的应用。以下是对这些知识点的详细说明: ### 1. DOM操作:`getElementById`与`getElementsByTagName`...
从给定的文件信息来看,主要涉及的是JavaScript代码片段及其注释,涵盖了窗口操作、XML处理、表单验证以及日期时间格式验证等多个方面。下面将对这些知识点进行详细解析: ### 1. 弹出模态对话框 ```javascript ...
通过逐步解析每一个实例,学习者可以由浅入深,逐渐构建起自己的代码库,进而掌握如何编写高效、可维护的JavaScript代码。 为了顺利地使用"悟透JavaScript"这份资料,"下载说明.txt"文件提供了必要的指导。它可能...
本文档详细介绍了几种常用的JavaScript弹窗代码,包括强制弹窗、24小时IP弹窗、延时弹窗以及退出弹窗,并深入探讨了如何利用cookie控制弹窗的一次性显示。 #### 弹窗控制与Cookie的结合 ##### Cookie简介 Cookie是...
理解这些基本概念是编写任何JavaScript代码的基础。 2. **对象和原型**:JavaScript采用基于原型的继承机制,对象可以包含属性和方法,而原型链允许对象之间共享属性和方法。理解如何创建和操作对象,以及原型和...