近几年工作经验中总结的JavaScript使用技巧
java是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaEE, JavaME, JavaSE）的总称。本站提供基于Java框架struts,spring,hibernate等的桌面应用、web交互及移动终端的开发技巧与资料
保持永久学习的心态，将成就一个优秀的你，来 继续搞起java知识。
本文作者分享了作者近几年工作中的经验总结的 js 使用技巧，1.ajax接收JSON，需要用eval转化为字符串，2.ajax发出两个请求，使用同步解决问题，数组合并等
1、如果 ajax 返回单一的 json 格式，接收方需要这样再格式化一下赋值：
<code>var str = eval("(" + msg + ")");
开发引用： /// <reference path="http://x.autoimg.cn/as/static/js/jquery-1.7.2.min.js" /></code>
2、如果 ajax 同发出两个以上的请求时，返回的状态会串，不能用异步，用同步可以解决问题；
3、navigator.plugins[“Shockwave Flash”] 检查 当前机器 flash 版本
4、删除前后空格 String.prototype.trim = function () { return this.replace(/(^[ | ] )|([ | ] $)/g, “”); }
5、IE6 下 JS 在执行一个方法后，当前方法内的代码执行完后，此次的单线程就会停止，当前的方法里还有其它的方法也不会再执行；如果要执行的话，需要加 setTimeout(); 事件再执行；
6、把 document.getElementById(id) 转换成 ( “ i ” ) u n c t i o n
(id) { return typeof (id) == ‘string’ ? document.getElementById(id) : id }
7、图片加载失败，并防止死循环 onerror=”this.src=aaa.jpg;this.onerror=null;”
8、document.getElementsByTagName(‘*’).length 查看页面有多少个 Dom 元素；
9、parseInt() 只会返回整数部分；一个完整的parseInt应该是这样的：parseInt(string, radix)，其中radix指定数字的进制（十进制，二进制，十六进制etc.） parseInt(“f”,16): 15
把加号放在包含合法数字的字符串前面会将字符串转化为数字；
Null 用成数字时会表现为0，做布尔时表现为false.
声明一个变量但没有赋值，此时这个变量的值为undefined. Undefined用作数字时类型表现为NaN, 用作布尔时表现为false.
10、各种正则验证规则 数字验证规则：
<code>"^\\d+$" //非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$" //正整数
"^((-\\d+)|(0+))$" //非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$" //负整数
"^-?\\d+$" //整数
"^\\d+(" //非负浮点数（正浮点数 + 0）
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数
"^((-\\d+(" //非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数
"^(-?\\d+)(" //浮点数
var r = /^\+?[1-9][0-9]*$/; //正整数
r.test(str);</code>
11、按照 json 的属性值排序
<code>var cc=[
{ name: "a", age: 30},
{ name: "c", age: 24},
{ name: "b", age: 28},
{ name: "e", age: 18},
{ name: "d", age: 38}
].sort(function(obj1, obj2) {
return obj1.age - obj2.age;
});
for(var i=0;i<cc.length;i++){
alert(cc[i]['age']); //依次显示 18,24,28,30,38
}</code>
12、合并数组：
<code>var mergeTo = [4,5,6]; var mergeFrom = [7,8,9]; Array.prototype.push.apply(mergeTo, mergeFrom); mergeTo; // is: [4, 5, 6, 7, 8, 9]</code>
13、多点击事件获取点击的是哪个
<code>$('#IndexLink,#IndexLink1').on('click', function (e) {
var id=e.target.id;
//id 取到的就是被点击的ID值
}</code>
14、zepto 里面或者 jquery 里返回 ajax json 串时，如果你的 json 串不规范（里面的键名，值，必须是双引号），就会跳出 success 方法，而且不执行里面的所有语句；
15、再JavaScript中下面做法会声明全局变量
在function外使用声明变量（无论是否使用var） ；
在function内不是用var 声明变量 ；
直接赋值于window属性；
16、锚点定位方法
<code>window.location.hash = 'm001'; <a name="m001"> </a> 17、window.history.forward(1); 阻止页面后退；</code>
18、 JS call 与aplly 用法
<code>function Person(name, age) {
this.name = name;
this.age = age;
};
function Student(name, age, grade) {
Person.apply(this, arguments);
this.grade = grade;
};
var student = new Student('qian', 21, '一年级');
alert('name:' + student.name + '\n' + 'age:' + student.age + '\n' + 'grade:' + student.grade);
//也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,
//这样就将属性创建到了student对象里面</code>
18）页面到底部自动加载内容：
<code>var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;
if ((top + windowH) >divH) {
console.log('该他妈的加载内容了。');
}
console.log('网页正文全文高：' + document.body.scrollHeight + ' 网页被卷去的高： ' + document.body.scrollTop + ' 屏幕可用工作区高度:' + window.screen.availHeight);</code>
来自：http://geek.csdn.net/news/detail/201053
JavaScriptJavaScript开发
因为水平有限，难免有疏忽或者不准确的地方，希望大家能够直接指出来，我会及时改正。一切为了知识的分享。
后续会有更多的精彩的内容分享给大家。
支付宝扫一扫
微信扫一扫
