`
lzkyo
  • 浏览: 468182 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js function汇总

Cacheprototype 
阅读更多

1。无对话框关闭窗口

Js代码 复制代码
  1. window.opener=null    
  2.  window.open("","_self")    
  3.  window.close();    
   window.opener=null 
    window.open("","_self") 
    window.close();

2。每次都刷新页面，防止showModalDialog只取缓存数据,

Js代码 复制代码
  1. //网页不保存在缓存中，每次访问都刷新页面。   
  2. <meta http-equiv="cache-control" content="no-cache, must-revalidate">   
//网页不保存在缓存中，每次访问都刷新页面。
<meta http-equiv="cache-control" content="no-cache, must-revalidate">

3.  日期操作

 

Js代码 复制代码
  1. var now = new Date();                    //当前日期      
  2. var nowDayOfWeek = now.getDay();         //今天本周的第几天      
  3. var nowDay = now.getDate();              //当前日      
  4. var nowMonth = now.getMonth();           //当前月      
  5. var nowYear = now.getYear();             //当前年      
  6. nowYear += (nowYear < 2000) ? 1900 : 0;  //      
  7.      
  8. //格式化日期：yyyy-MM-dd      
  9. function formatDate(date) {       
  10.     var myyear = date.getFullYear();      
  11.     var mymonth = date.getMonth()+1;      
  12.     var myweekday = date.getDate();       
  13.           
  14.     if(mymonth < 10){      
  15.         mymonth = "0" + mymonth;      
  16.     }       
  17.     if(myweekday < 10){      
  18.         myweekday = "0" + myweekday;      
  19.     }      
  20.     return (myyear+"-"+mymonth + "-" + myweekday);       
  21. }       
  22.      
  23. //获得某月的天数      
  24. function getMonthDays(myMonth){      
  25.     var monthStartDate = new Date(nowYear, myMonth, 1);       
  26.     var monthEndDate = new Date(nowYear, myMonth + 1, 1);       
  27.     var   days   =   (monthEndDate   -   monthStartDate)/(1000   *   60   *   60   *   24);       
  28.     return   days;       
  29. }      
  30.      
  31. //获得本季度的开始月份      
  32. function getQuarterStartMonth(){      
  33.     var quarterStartMonth = 0;      
  34.     if(nowMonth<3){      
  35.        quarterStartMonth = 0;      
  36.     }      
  37.     if(2<nowMonth && nowMonth<6){      
  38.        quarterStartMonth = 3;      
  39.     }      
  40.     if(5<nowMonth && nowMonth<9){      
  41.        quarterStartMonth = 6;      
  42.     }      
  43.     if(nowMonth>8){      
  44.        quarterStartMonth = 9;      
  45.     }      
  46.     return quarterStartMonth;      
  47. }      
  48.      
  49. //获得本周的开始日期      
  50. function getWeekStartDate() {       
  51.     var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);       
  52.     return formatDate(weekStartDate);      
  53. }       
  54.      
  55. //获得本周的结束日期      
  56. function getWeekEndDate() {       
  57.     var weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek));       
  58.     return formatDate(weekEndDate);      
  59. }       
  60.      
  61. //获得本月的开始日期      
  62. function getMonthStartDate(){      
  63.     var monthStartDate = new Date(nowYear, nowMonth, 1);       
  64.     return formatDate(monthStartDate);      
  65. }      
  66.      
  67. //获得本月的结束日期      
  68. function getMonthEndDate(){      
  69.     var monthEndDate = new Date(nowYear, nowMonth, getMonthDays(nowMonth));       
  70.     return formatDate(monthEndDate);      
  71. }      
  72.      
  73. //获得本季度的开始日期      
  74. function getQuarterStartDate(){      
  75.           
  76.     var quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 1);       
  77.     return formatDate(quarterStartDate);      
  78. }      
  79.      
  80. //或的本季度的结束日期      
  81. function getQuarterEndDate(){      
  82.     var quarterEndMonth = getQuarterStartMonth() + 2;      
  83.     var quarterStartDate = new Date(nowYear, quarterEndMonth, getMonthDays(quarterEndMonth));       
  84.     return formatDate(quarterStartDate);      
  85. }      
  86.      
  87.    
var now = new Date();                    //当前日期   
var nowDayOfWeek = now.getDay();         //今天本周的第几天   
var nowDay = now.getDate();              //当前日   
var nowMonth = now.getMonth();           //当前月   
var nowYear = now.getYear();             //当前年   
nowYear += (nowYear < 2000) ? 1900 : 0;  //   
  
//格式化日期：yyyy-MM-dd   
function formatDate(date) {    
    var myyear = date.getFullYear();   
    var mymonth = date.getMonth()+1;   
    var myweekday = date.getDate();    
       
    if(mymonth < 10){   
        mymonth = "0" + mymonth;   
    }    
    if(myweekday < 10){   
        myweekday = "0" + myweekday;   
    }   
    return (myyear+"-"+mymonth + "-" + myweekday);    
}    
  
//获得某月的天数   
function getMonthDays(myMonth){   
    var monthStartDate = new Date(nowYear, myMonth, 1);    
    var monthEndDate = new Date(nowYear, myMonth + 1, 1);    
    var   days   =   (monthEndDate   -   monthStartDate)/(1000   *   60   *   60   *   24);    
    return   days;    
}   
  
//获得本季度的开始月份   
function getQuarterStartMonth(){   
    var quarterStartMonth = 0;   
    if(nowMonth<3){   
       quarterStartMonth = 0;   
    }   
    if(2<nowMonth && nowMonth<6){   
       quarterStartMonth = 3;   
    }   
    if(5<nowMonth && nowMonth<9){   
       quarterStartMonth = 6;   
    }   
    if(nowMonth>8){   
       quarterStartMonth = 9;   
    }   
    return quarterStartMonth;   
}   
  
//获得本周的开始日期   
function getWeekStartDate() {    
    var weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);    
    return formatDate(weekStartDate);   
}    
  
//获得本周的结束日期   
function getWeekEndDate() {    
    var weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek));    
    return formatDate(weekEndDate);   
}    
  
//获得本月的开始日期   
function getMonthStartDate(){   
    var monthStartDate = new Date(nowYear, nowMonth, 1);    
    return formatDate(monthStartDate);   
}   
  
//获得本月的结束日期   
function getMonthEndDate(){   
    var monthEndDate = new Date(nowYear, nowMonth, getMonthDays(nowMonth));    
    return formatDate(monthEndDate);   
}   
  
//获得本季度的开始日期   
function getQuarterStartDate(){   
       
    var quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 1);    
    return formatDate(quarterStartDate);   
}   
  
//或的本季度的结束日期   
function getQuarterEndDate(){   
    var quarterEndMonth = getQuarterStartMonth() + 2;   
    var quarterStartDate = new Date(nowYear, quarterEndMonth, getMonthDays(quarterEndMonth));    
    return formatDate(quarterStartDate);   
}

   4. 去掉字符串空格

 

Js代码 复制代码
  1. function String.prototype.trim(){   
  2.       return this.replace(/(^(\s|\u3000)*)|((\s|\u3000)*$)/g, '');   
  3. }  
function String.prototype.trim(){
      return this.replace(/(^(\s|\u3000)*)|((\s|\u3000)*$)/g, '');
}

    5.禁止反复提交

   

Js代码 复制代码
  1. //首先在form中加入   
  2. onsubmit="return checkSubmit();"  
  3. //例如：   
  4. <html:form enctype="multipart/form-data" action="<%=url %>"    
  5. method="post" onsubmit="return checkSubmit();">　　   
  6.   
  7. //再如以下代码：   
  8. var checkSubmitFlg = false;    
  9. function checkSubmit() {    
  10. 　　if (checkSubmitFlg == true) {    
  11. 　　    return false;    
  12. 　　}    
  13. 　　checkSubmitFlg = true;    
  14. 　　return true;    
  15. }    
  16. document.ondblclick = function docondblclick() {    
  17. 　　window.event.returnValue = false;    
  18. }    
  19. document.onclick = function doconclick() {    
  20. if (checkSubmitFlg) {    
  21. 　　        window.event.returnValue = false;    
  22. 　　   }    
  23. }  
//首先在form中加入
onsubmit="return checkSubmit();"
//例如：
<html:form enctype="multipart/form-data" action="<%=url %>" 
method="post" onsubmit="return checkSubmit();">　　

//再如以下代码：
var checkSubmitFlg = false; 
function checkSubmit() { 
　　if (checkSubmitFlg == true) { 
　　    return false; 
　　} 
　　checkSubmitFlg = true; 
　　return true; 
} 
document.ondblclick = function docondblclick() { 
　　window.event.returnValue = false; 
} 
document.onclick = function doconclick() { 
if (checkSubmitFlg) { 
　　   	  window.event.returnValue = false; 
　　   } 
}

 6.失去焦点调用方法

 

Js代码 复制代码
  1. var fstationname = document.getElementById("fsApprovebookDto.fstationname");   
  2. fstationname.onblur=getStationnameCount;   
  3. //getStationnameCount function名称   
var fstationname = document.getElementById("fsApprovebookDto.fstationname");
fstationname.onblur=getStationnameCount;
//getStationnameCount function名称

 7.iframe自适应窗体大小

 

Java代码 复制代码
  1. function sizeOfwindow(){   
  2.         var report = document.getElementById("report");//report为iframe的id   
  3.          report.height= document.body.offsetHeight - 130;   
  4.          report.width =  document.body.offsetWidth - 60;   
  5. }   
  6. window.onresize = function(){   
  7.          sizeOfwindow();   
  8. }     
function sizeOfwindow(){
        var report = document.getElementById("report");//report为iframe的id
         report.height= document.body.offsetHeight - 130;
         report.width =  document.body.offsetWidth - 60;
}
window.onresize = function(){
         sizeOfwindow();
}

    8.button置灰：

 

Java代码 复制代码
  1. document.getElementById("submits").disabled="true";//submits is button's id  
document.getElementById("submits").disabled="true";//submits is button's id

   9.Div隐藏 

 

Js代码 复制代码
  1. var outstore = document.getElementById("outstore");   
  2. outstore.style.display = "block";   
var outstore = document.getElementById("outstore");
outstore.style.display = "block";

 

分享到：
| Web中的相对路径与绝对路径
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    常用js特效汇总

    这个"常用js特效汇总"的资源集锦包含了多种常见的JavaScript特效实现，旨在帮助开发者快速找到并理解各种JavaScript技巧和应用。 1. **DOM操作**：JavaScript通过Document Object Model（DOM）来操作HTML和XML文档...

    JavaScript函数汇总

    在这个“JavaScript函数汇总”中，我们将深入探讨函数的各种概念、类型以及使用方法。 1. 函数定义 在JavaScript中，函数可以使用`function`关键字定义。例如： ```javascript function greet(name) { console.log...

    Javascript鼠标事件汇总

    ### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中，JavaScript（简称JS）作为主要的脚本语言，对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型，它能帮助开发者捕捉用户的...

    JavaScript验证汇总大全

    根据给定的文件标题、描述、标签以及部分内容，本文将详细介绍JavaScript验证的相关知识点。这些验证方法主要用于前端数据校验，确保用户输入的数据符合预期格式或条件。 ### 1. 检查表单字段是否为空 ```...

    【JavaScript源代码】JS实现单例模式的6种方案汇总.docx

    JavaScript中的单例模式是一种设计模式，它确保一个类只有一个实例，并提供一个全局访问点来获取这个唯一实例。这种模式在JavaScript开发中非常有用，尤其是在处理全局变量、避免命名冲突、节省内存以及统一接口等...

    js常用代码总汇

    这个“js常用代码总汇”包含了开发者在日常工作中可能频繁使用的JavaScript代码片段，旨在提高开发效率并提供参考。 1. **变量声明与数据类型** - `var`, `let`, `const`：JavaScript 提供了三种声明变量的方式，`...

    js常用面试题

    JavaScript是Web开发中不可或缺的一部分，尤其在面试时，掌握这些基本和高级概念至关重要。下面将逐一解析提供的面试题目，帮助你更好地理解JavaScript的核心概念。 1. 求y和z的值是多少？ 在这个例子中，两个`add`...

    js闭包实例汇总

    JavaScript中的闭包是一种高级特性，它允许函数访问和操作其自身范围内的变量，即使在其外部定义的函数已经执行完毕。这种特性使得闭包在管理作用域、数据隐藏和内存持久化方面具有重要作用。 首先，我们要了解函数...

    JS判断图片是否加载完成方法汇总(最新版)

    下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总，一起看看吧。 一、load事件 [removed] $('img').onload = function() { //code } [removed] 优点：简单易用，不影响HTML代码。 缺点：只能指定一...

    JavaScript基础函数整理汇总

    这里给大家整理汇总了一些javascript的基础函数，都是比较常用和实用的。整理出来也有助于大家更好的理解javascript。 代码如下: [removed]  /*创建函数和字面量函数*/  /*  function add(){  alert&#40;“函数...

    非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总

    这个“非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总”主题涵盖了几个关键知识点，包括DOM操作、事件处理、Ajax异步通信以及数据验证。 首先，DOM（Document Object Model）是HTML和XML文档的一种结构化...

    常用的js代码汇总

    ### 常用JS代码知识点解析 #### 一、文本框焦点问题 在网页开发中，文本框的焦点控制非常重要，它可以改善用户体验，使交互更加友好。以下是一些与文本框焦点相关的事件： 1. **`onblur`**: 当文本框失去焦点时...

    js常见算法实现汇总.doc

    ### JS常见算法实现知识点汇总 #### 一、数组去重 **知识点说明：** 数组去重是编程中常见的需求之一，特别是在处理大量数据时。在JavaScript中，可以通过多种方法实现数组去重，例如使用Set对象或者传统的循环...

    js中typeof的用法汇总.docx

    在JavaScript的`typeof`用法汇总中，我们可以看到它在不同情况下的行为。 首先，`typeof`对于未定义的变量会返回`"undefined"`。这意味着如果一个变量尚未声明或者其值为`undefined`，`typeof`都会返回`"undefined...

    Ext js2.1 最新资料汇总

    ### Ext JS 2.1 核心 API 详解 #### 1. `addBehaviors(Object obj):void` 此方法用于向指定的 DOM 元素添加事件监听器。它接受一个对象作为参数，其中键为事件选择器（selector），值为对应的事件处理函数。 **...

    javaScript所能实现屏蔽功能总汇

    根据提供的文件内容，我们可以总结出JavaScript能够实现的多种屏蔽功能，包括但不限于禁用键盘快捷键、禁用右键菜单、阻止用户访问特定功能等。接下来将详细解释这些功能及其应用场景。 ### 一、禁用右键菜单 在...

    javascript的经典面试题汇总

    根据给定的信息，我们将深入分析并提取出与JavaScript面试题相关的知识点。 ### 一、单选题 #### 1. 以下哪条语句会产生运行错误： - **选项A**: `var obj = ();` - **解析**：在JavaScript中，括号`()`通常用于...

    表单JS验证代码汇总

    根据给定文件的信息，我们可以总结出以下关于表单JavaScript验证的知识点： ### 一、长度限制验证 在第一个示例中，我们看到一个简单的表单字段长度限制验证。该脚本通过`document.a.b.value.length &gt; 50`判断用户...

    vue-function-api：提供Vue的逻辑组合功能

    Vue.js 是一个流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。Vue Function API 是一种设计模式，旨在提升Vue应用的组织结构和可维护性，它通过将Vue实例的生命周期方法转换为独立的函数来实现。在...

    JavaScript基础知识总汇

    ### JavaScript基础知识总汇 #### 一、JavaScript基本格式 JavaScript是一种广泛使用的脚本语言，用于增强网页交互性。它的基本格式通常如下： ```javascript &lt;script type="text/javascript"&gt; function 函数名...

Magicbox
Global site tag (gtag.js) - Google Analytics