分享一些JavaScript简易小技巧

特性检测而非浏览器检测

因为某某特性某浏览器不支持，我们经常的做法是在代码中直接先做浏览器判断如：黄梅县小学

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 }

表单的那些事

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

  1. form有一个elements属性。作用呢就是可以得到一个表单下的所有表单元素，这样在批量处理表单元素时就很有用，如：表单元素的序列化，或者验证之类的很有帮助。
  2. 对于第一个表单元素也有一个类似属性为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),除此之外还有什么好办法没，看下面的。

view source

print?

1 var num1 = "123";
2 num1 = num1*1;
3 var num2 = "123";
4 num2 = +num2;

这两种方法是不是很不错。还是很简洁吧。祝学习愉快！

1 var a = 1;
2 a = !!a;
时间： 2024-10-22 10:18:47

分享一些JavaScript简易小技巧的相关文章

给大家分享12个或许能在实际工作中帮助你解决一些问题的JavaScript的小技巧

使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: 01 function Account(cash) { 02 this.cash = cash; 03 this.hasMoney

辛星跟您分享一下vim的小技巧

vim的博大精深是毋庸置疑的,那么我们这里来分享下vim的一些小技巧,其实是我今天才发现的,因为我也是刚转用vim不久,对vim的很多功能也不熟悉,其实还是关于vim的一些配置上的东西. 第一个就是自动补全和自动缩进了,这个对程序员极为重要,我想没有哪个程序员认为缩进和补全是无关紧要的事,但是vim的自动缩进和自动补全不是默认开启的,需要咱们去进行一些设置,下面首先说一下自动补全,这里主要是括号的自动补全,咱们在咱们的配置文件中添加如下代码: "括号自动补全 if &term==&quo

好程序员分享Vue的一些小技巧

好程序员分享Vue的一些小技巧,前言:用Vue开发一个网页并不难,但是也经常会遇到一些问题,其实大部分的问题都在文档中有所提及,再不然我们通过谷歌也能成功搜索到问题的答案,为了帮助小伙伴们提前踩坑,在遇到问题的时候,心里大概有个谱知道该如何去解决问题.这篇文章是将自己知道的一些小技巧分享给大家,希望看完本文可以有所收获. 文章内容总结: 组件style的scoped Vue 数组/对象更新 视图不更新 vue filters 过滤器的使用 列表渲染相关 深度watch与watch立即触发回调 这

19 个 JavaScript 编码小技巧

这篇文章适合任何一位基于JavaScript开发的开发者.我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础.希望这些代码能从不同的角度帮助你更好的理解JavaScript. 三元操作符 如果使用if...else语句,那么这是一个很好节省代码的方式. Longhand: const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is l

你想的到想不到的 javascript 应用小技巧方法

javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x

分享页面级SEO小技巧三点

今天分享三个页面级SEO的小技巧,页面加载速度.网站结构什么的讲出来可能比较抽象,无法直接拿去实践,就不说了,我们讲一点可以立即拿去用的东西,不过,具体操作起来就要靠个人了. 1.增加页面内容,调整关键词密度 最好将关键词布局到页面重要位置,通常所说的F型布局即可,一般未经过专业优化的网站这样做过以后排名会有一个小幅度的提升. 至于原理,搜索引擎的工作主要有四大部分组成:抓取.索引.排序.展现.发外链需要等搜索引擎抓取.过滤.计算,周期长.见效慢,通常要达到质和量的积累才能有良好的效果;内链的建

自媒体爆文的写作技巧有哪些？分享4个创作小技巧！

从事自媒体运营行业的小伙伴,最大的目标就是自己能创作出爆款.不管是做文章的自媒体还是短视频自媒体,都想自己的创作内容能够引爆全网.因为只有自己创作的内容能够持续地获得高阅读高流量自己才会又稳定的收益. 今天小编就跟大家说说如何打造自媒体爆文,自媒体爆文的创作有哪些写作技巧. 关于爆文是如何打造的相信大家在网上也看了很多相关的资料,自己心里也知道是怎么回事,但是创作过程当中的一些细节小技巧大家都真的了解吗?今天小编就为大家简单的分享一下. 1.文章传送的知识点 我们创作的内容是需要给用户一定的知识

JavaScript 转换小技巧

1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar,

Javascript 编程小技巧总结（部分内容借鉴他人）

1 – 使用===,而不是＝＝ ==(或!=)操作符在需要的时候会自动执行类型转换.===(或!==)操作不会执行任何转换.它将比较值和类型,而且在速度上也被认为优于==. 2 – 使用闭包实现私有变量 function fn1(){ var pro1="a"; this.fn2=function(){return pro1;} } 3- 从数组中获取一个随机项 <script> var items = [12, 548 , 'a' , 2 , 5478 , 'foo' ,