您的位置:首页 > Web前端 > JavaScript

JavaScript常用的一些小技巧

2014-06-07 21:10 232 查看
转自:http://www.nowamagic.net/javascript/js_SomeJavascriptSkills.php


特性检测而非浏览器检测

因为某某特性某浏览器不支持,我们经常的做法是在代码中直接先做浏览器判断如:

1
if
(Broswer.isFirfox){
2
//do
something
3
}
其实这样做是不科学的,因为很可以其它浏览器上可以支持你要用的特性,所以,比较好的做法为是直接做特性判断。如:

1
if
(window.localStorage){
2
//使用本地存储功能
3
}


使用方括号来访问属性或方法

这一点到不是强制的,只不过如果使用方括号来访问可以享受一些动态特性带来的好处,而且命名方面有少了许多限制。如:

1
for
(
var
i=0;i<9;i++){
2
obj[
"method"
+i]();
3
}


表单的那些事

这里主要提两个很有用的属性,可以让你操作表单方便不少。

form有一个elements属性。作用呢就是可以得到一个表单下的所有表单元素,这样在批量处理表单元素时就很有用,如:表单元素的序列化,或者验证之类的很有帮助。
对于第一个表单元素也有一个类似属性为form.这样可以很轻松得到一个表单元素属于哪个表单。


a元素onclick的那些事

1
<
a
href
=
"cool.html"
onclick
=
"doSomething()"
>做点什么吧</
a
>
点击这样一个链接时会有两种情况发生,1、如果dosomthing返回true,那么浏览器就会发生跳转到cool.html,相返如果返回false的话,就会忽略href。因此借住这个特性,我们可以写这样的代码。

1
function
doSomething(){
2
return
confirm(
"您确认要离开吗"
);
3
}
有没有发现比起下面这样的代码爽了很多。

1
function
doSomething(){
2
var
ret
=confirm(
"确认要离开吗?"
);
3
if
(ret){
4
window.loaction.href
=
"cool.html"
;
5
}
6
}


类型转换时不一样的做法

怎样把字符串转换成数字呢?我知道parseInt("123",10),除此之外还有什么好办法没,看下面的。

1
var
num1
=
"123"
;
2
num1
=num1*1;
3
var
num2
=
"123"
;
4
num2
=+num2;
这两种方法是不是很不错。还是很简洁吧。祝学习愉快!

1
var
a
=1;
2
a
=!!a;
那转换为bool类型有没有什么好办法呢?有啊!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: