`

几个不常用但很有用的javascript方法

阅读更多
1. javascript代码延迟执行。

我们经常可以看到这样的应用,鼠标放到tab上时切换tab内容为当前tab.但是这样就会有个问题,怎么样防止鼠标不经意划过tab时触发这个事件呢?答案就是延时。可以通过延迟触发来避免这种情况。但是javascript中没有这样的函数。

javascript提供了一个函数 setTimeout(),可以延迟一个操作的执行,但是这个操作最终还是要执行的。我们需要的是鼠标放在tab上超过0.5s才执行某个操作,否则什么都不发生。

幸好,javascript还提供了另外一个函数,叫做clearTimeout(),于是这个问题就解决了。

    var tabId;

    var timeoutId;

    //鼠标放上时

    function tabOnMouseOver(tabid)

    {

    tabId=tabid;

    //延时500毫秒

    timeoutId=setTimeout(changeTab,500);

    }

    //鼠标移开时清除定时器

    function tabOnMouseOut()

    {

    clearTimeout(timeoutId);

    tabId=0;

    }

2. 设置下拉列表的默认值。

通常的做法是用jsp标签在页面上判断当前默认应该选中哪个value.这样不但繁琐,程序的可读性也很差。这个工作完全交给javascript去做。

    // 设置下拉列表的默认值,用于设置表单初始值,表单加载结束时调用

    function setSelectDefaultValue(eleId,value)

    {

    var options=document.getElementById(eleId).options;

    for(i=0;i<options.length;i++)

    {

    if(options[i].value==value)

    {

    options[i].selected =true;

    }

    }

    }

这样,每次页面加载完之后调用这个方法set下拉列表的默认值就可以了。
3. 计算两个日期间隔。

这里要求日期的格式必须为"yyyy-MM-dd"格式。

    //检查日期间隔不能大于interval天

    function checkInterval(date1,date2,interval)

    {

    //将天数转为毫秒数

    iseconds = 1000 * 3600 * 24 * interval;

    date1=Date.parse(new Date(date1.replace(/-/g,"/")));

    date2=Date.parse(new Date(date2.replace(/-/g,"/")));

    if(date2-date1>iseconds)

    {

    alert("查询时间间隔不能超过" + interval + "天") ;

    return false;

    }

    if(date2-date1<0)

    {

    alert("请设置正确的查询间隔,开始时间不能晚于结束时间");

    return false;

    }

    return true

    }

分享到:
评论

相关推荐

    几个常用javascript函数

    几个常用javascript函数,可做参考!!1

    几百个javascript常用小技巧总结

    几百个javascript常用小技巧总结.都是常用的,呵呵.

    常用的JS-JavaScript

    下面是常用的JavaScript几个技巧: 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 (false)&gt;&lt;td&gt;no&lt;/table&gt; 可用于Table

    107个常用javascript语句

    107个常用javascript语句 -7.焦点 .focus(); -6.捕获对象通用方法 function $(obj) {return document.getElementById(obj);} ("") %&gt; -5.字符串赋值数组var array=new Array(); array=tdrczpdata.split('&lt;BR&gt;'); ...

    JavaScript常用特效实例

    里面包含JavaScript常用的几百个网页特效实例

    【JavaScript源代码】React中使用axios发送请求的几种常用方法.docx

    React中使用axios发送请求的几种常用方法  目录 React中安装并引入axios依赖 使用axios进行GET请求 使用axios.get方式 使用axios(config {...}) 使用axios进行POST请求 使用axios.post 使用axios(config {...}) ...

    javascript常用的方法分享

    本文给大家分享了几个javascript中常用的方法,十分的实用,也很简单,有需要的小伙伴可以参考下。

    JS常用的几个句子,可以学习提升含金量

    JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;

    几个简单常用的js代码

    几个简单常用的js代码。 全选 checkbox,selected的添加删除修改 根据所选进行求和。 都做项目总用到的小算法。可以参考。

    javascript验证

    javascript的几个常用验证方法。

    《JavaScript语言精髓与编程实践》精选版

    因此,事实上《JavaScript 语言精髓与编程实践》一书是假JavaScript 语言之力,讨论了我们常用的、主要的程序设计范型。而这也是该书难读的根源——很少有人会以一门确切的语言来讨论多种语言范型。尤其在使用...

    程序员常用JavaScript特效.rar

    几百个js常用效果 chm格式的,可以在里面进行演示的 非常方便的好东西 程序员常用的哦!

    JavaScript中Date对象的常用方法示例

    getFullYear() 使用 getFullYear() 获取年份。 源代码: [removed] &lt;!DOCTYPE html&gt; &lt;...&lt;p id=demo&gt;Click the button to display the full year of todays date. ...var x = document.getElementById(dem

    javascript常用工具集(带使用示例)

    * 从身份证号中得到生日和性别,返回的是一个json对象 * 验证身份证号码的正确性 * 判断一个字符串是否是有效的日期型字符串 * 将两位数的年份转变成4位数的年份 * 判断YYYYMMDD格式或者YYYYMM格式的串是否是日期型...

    基于avalon225js封装了几个常用组件

    基于avalon2.2.5.js 封装了几个常用组件

    必会的常用javascript技术

    培训主要学习以下几个知识点: 1、制作带数字导航的横幅广告 2、实现无缝垂直向上滚动特效 3、实现漂浮广告 4、网页常用特效(实现加入收藏、设为首页和屏蔽右键功能

    JavaScript面向对象编程指南(第2版)

    尤其值得一提的是,本书作者是JavaScript设计模式方面的专家,他在本书第8章中介绍了几种常用的JavaScript编程模式,这也成为他的另一本重要著作《JavaScript模式》(JavaScript Patterns)奠定了基础。, 本书全面地...

    新手常用的几个JS封装类

    新手常用的几个JS封装类: 包括拖拽、class添加删除、变换、继承等

    javascript数组去重常用方法实例分析

    数组去除重复值是面试常考内容,也是很容易用到的一个技巧,下面就几种去重的方法进行介绍。 首先是最常见的方法,也就是添加一个临时数组,将原数组遍历,加入临时数组,每次加入时判断待加入的元素是否存在于临时...

Global site tag (gtag.js) - Google Analytics