`

几个不常用但很有用的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. `console.log()` 这是开发者调试代码时最常用的函数之一。它用于在浏览器的控制台输出信息,帮助开发者查看程序执行过程中...

    javascript常用方法

    以下是一些常用的JavaScript函数和方法,它们在日常开发中非常实用。 1. 字符串处理: - `cutstr(str, len)`:这个函数用于截取字符串,根据指定长度`len`对字符串进行截断,并在末尾添加省略号。它考虑了中文字符...

    javascript常用验证方法

    根据提供的文件信息,我们可以总结出一系列关于JavaScript中常用的验证方法的知识点。这些验证方法主要针对电话号码、邮政编码、身份证号码、手机号码以及电子邮件地址等常见的数据格式进行有效性检查。 ### 1. ...

    程序员常用的javascript特效

    在JavaScript特效中,有以下几个重要的知识点: 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作网页内容。通过DOM,我们可以添加、删除或修改HTML元素,以此实现页面动态更新。例如,改变元素...

    28个常用JavaScript方法代码块

    根据提供的文件信息,我们可以归纳出以下几个重要的JavaScript知识点及相关代码示例: ### 1. 手机类型判断 在移动端开发中,经常需要根据用户使用的设备类型(如Android、iPhone、iPad)来调整页面布局或功能。...

    javascript方法和技巧大全

    ### JavaScript方法和技巧详解 #### 一、基本概念与语法结构 **JavaScript**是一种轻量级的编程语言,被广泛应用于网页开发中,用于增强网页的交互性与动态效果。以下是一些基本的语法和使用技巧。 ##### 1. 嵌入...

    javaScript常用函数使用总结

    JavaScript常用函数使用总结涵盖了多种在JavaScript编程中常用的方法,它们分别属于不同的类型,如String类型和Number类型。以下是对每个函数详细的说明和应用示例: 1. parseInt()函数 parseInt()是String类型的...

    常用javascript语句大全

    ### 常用JavaScript语句详解 #### 1. `document.write("")` 输出语句 在JavaScript中,`document.write()` 方法用于将指定的内容写入正在加载的文档中。这通常用于动态创建网页内容。 #### 2. JS中的注释为`//` 在...

    Javascript常用语句

    ### JavaScript 常用语句详解 #### 一、输出语句:`document.write("")` `document.write("")` 是一种简单的方式将文本直接输出到HTML文档流中。它通常用于测试目的,因为这种方式会覆盖页面内容,对于动态更新UI...

    js常用方法收藏 javascript

    根据提供的文件信息,这里将对提到的几个JavaScript知识点进行详细解释和补充: ### 1. 窗口卸载事件监听 ```javascript function window_onbeforeunload() { if (window.event.clientY || window.event.altKey) ...

    几个经典JavaScript控件

    在网页设计中,JavaScript控件是不可或缺的一部分,它们为用户提供了丰富的交互体验。以下是一些基于JavaScript的经典控件及其相关的知识点: 1. **表格操作**: - `javascript 表格操作.html` 和 `操控表格.txt` ...

    几个java常用的类

    在Java编程中,有几个常用的类对于开发人员来说是不可或缺的,这些类可以帮助我们处理数据库操作、页面分页以及过滤请求。下面将详细讲解标题和描述中提到的几个关键概念。 首先,`baseDao` 类是Java开发中的一个...

    107 个常用JavaScript

    `document.write()` 是一个在网页上输出文本的方法。通常用于开发阶段的调试或简单的输出任务。例如: ```javascript document.write("Hello, World!"); ``` ### 2. 注释 JavaScript 支持两种类型的注释:单行注释...

    1500个javascript常用特效

    在前端开发中,JavaScript特效主要涉及以下几个方面: 1. **动画效果**:JavaScript可以创建各种动态效果,如淡入淡出、滑动、旋转、缩放等。这些动画不仅能够吸引用户注意力,还能使页面过渡更加平滑,提升用户...

    常用JAVASCRIPT代码

    本资料包"常用JAVASCRIPT代码"包含了几个常见的JavaScript代码示例,旨在帮助开发者快速理解和应用JavaScript。 1. **基础语法** JavaScript的基础包括变量声明(`var`, `let`, `const`),数据类型(如字符串、...

    javascript常用判断函数

    本文将详细讲解JavaScript中的几个常见判断函数,这些函数可以帮助开发者进行数据类型的检查和验证。 首先,我们来看`DataLength`函数。这个函数的主要功能是计算字符串的长度,但与JavaScript原生的`length`属性...

    常用的JS-JavaScript

    本文将基于提供的内容,详细介绍几种常用的JavaScript技巧及其应用场景。 #### 1. 屏蔽鼠标右键 在网页设计中,有时我们希望用户无法通过鼠标右键进行某些操作(如查看页面源代码或保存图片),这时可以利用`...

    百个前端设计常用Javascript语句

    ### 百个前端设计常用JavaScript语句解析 #### 1. `document.write("")` 输出语句 `document.write()` 是一种基本的输出方法,用于在HTML文档中输出文本、HTML标记或其他JavaScript表达式的结果。例如: ```...

    1500个web前端开发常用JavaScript特效

    JavaScript特效大致可以分为以下几个类别: 1. 动画效果:包括滑动门、淡入淡出、旋转、缩放、平移等,这些特效能够使网页元素有流畅的动态展示,增强视觉吸引力。 2. 导航菜单:JavaScript可以创建响应式的导航栏...

    程序员常用JavaScript特效源码600例

    在JavaScript特效中,我们可以发现以下几个主要的知识点: 1. **DOM操作**:DOM(Document Object Model)是HTML和XML文档的结构表示,JavaScript通过DOM可以对网页元素进行添加、删除和修改。特效源码可能包含如何...

Global site tag (gtag.js) - Google Analytics