JavaScript常用的一些小技巧
2014-06-07 21:10
232 查看
转自:http://www.nowamagic.net/javascript/js_SomeJavascriptSkills.php
因为某某特性某浏览器不支持,我们经常的做法是在代码中直接先做浏览器判断如:
其实这样做是不科学的,因为很可以其它浏览器上可以支持你要用的特性,所以,比较好的做法为是直接做特性判断。如:
这一点到不是强制的,只不过如果使用方括号来访问可以享受一些动态特性带来的好处,而且命名方面有少了许多限制。如:
这里主要提两个很有用的属性,可以让你操作表单方便不少。
form有一个elements属性。作用呢就是可以得到一个表单下的所有表单元素,这样在批量处理表单元素时就很有用,如:表单元素的序列化,或者验证之类的很有帮助。
对于第一个表单元素也有一个类似属性为form.这样可以很轻松得到一个表单元素属于哪个表单。
点击这样一个链接时会有两种情况发生,1、如果dosomthing返回true,那么浏览器就会发生跳转到cool.html,相返如果返回false的话,就会忽略href。因此借住这个特性,我们可以写这样的代码。
有没有发现比起下面这样的代码爽了很多。
怎样把字符串转换成数字呢?我知道parseInt("123",10),除此之外还有什么好办法没,看下面的。
这两种方法是不是很不错。还是很简洁吧。祝学习愉快!
那转换为bool类型有没有什么好办法呢?有啊!
特性检测而非浏览器检测
因为某某特性某浏览器不支持,我们经常的做法是在代码中直接先做浏览器判断如: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 | function doSomething(){ |
2 | return confirm( "您确认要离开吗" ); |
3 | } |
1 | function doSomething(){ |
2 | var ret "确认要离开吗?" ); |
3 | if (ret){ |
4 | window.loaction.href "cool.html" ; |
5 | } |
6 | } |
类型转换时不一样的做法
怎样把字符串转换成数字呢?我知道parseInt("123",10),除此之外还有什么好办法没,看下面的。1 | var num1 "123" ; |
2 | num1 |
3 | var num2 "123" ; |
4 | num2 |
1 | var a |
2 | a |
相关文章推荐
- [收藏]常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- [转载] 常用的一些javascript小技巧
- 常用的一些javascript小技巧 很实用
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧[收藏]
- 工作中常用的一些javascript小技巧(二)
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧(转)
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧
- 常用的一些javascript小技巧