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

js中各种自定义函数

阅读更多
1、js去表单中字符中是否有空格

 

function trim(inputString) {
    
              if (typeof inputString != "string") { return inputString; }
              var retValue = inputString;
              var ch = retValue.substring(0, 1);
              while (ch == " ") { 
           //检查字符串开始部分的空格
                  retValue = retValue.substring(1, retValue.length);
                  ch = retValue.substring(0, 1);
              }
              ch = retValue.substring(retValue.length-1, retValue.length);
              while (ch == " ") {
                 //检查字符串结束部分的空格
                 retValue = retValue.substring(0, retValue.length-1);
                 ch = retValue.substring(retValue.length-1, retValue.length);
              }
              while (retValue.indexOf("  ") != -1) { 
          //将文字中间多个相连的空格变为一个空格
                 retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length); 
              }
              return retValue;
           } 

 

2、js 弹出提示层,并锁定页面

 

 
  <body>
   <a href="PAGE/MyJsp.jsp">This a struts page.</a>  <br>
   <input type="button" value="点击这里" onclick="sAlert('test弹窗效果');" />
   
  </body>
</html:html>
<script type="text/javascript" language="javascript">
//more javascript from http://www.smallrain.net
        function sAlert(str){
        var msgw,msgh,bordercolor;
        msgw=400;//提示窗口的宽度
        msgh=100;//提示窗口的高度
        titleheight=25 //提示窗口标题高度
        bordercolor="#c51100";//提示窗口的边框颜色
        titlecolor="#c51100";//提示窗口的标题颜色
        
        var sWidth,sHeight;
        sWidth=screen.width;
        sHeight=screen.height;

        var bgObj=document.createElement("div");
        bgObj.setAttribute('id','bgDiv');
        bgObj.style.position="absolute";
        bgObj.style.top="0";
        bgObj.style.background="#cccccc";
        bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
        bgObj.style.opacity="0.6";
        bgObj.style.left="0";
        bgObj.style.width=sWidth + "px";
        bgObj.style.height=sHeight + "px";
        bgObj.style.zIndex = "10000";
        document.body.appendChild(bgObj);
        
        var msgObj=document.createElement("div")
        msgObj.setAttribute("id","msgDiv");
        msgObj.setAttribute("align","center");
        msgObj.style.background="white";
        msgObj.style.border="1px solid " + bordercolor;
        msgObj.style.position = "absolute";
        msgObj.style.left = "50%";
        msgObj.style.top = "50%";
        msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
        msgObj.style.marginLeft = "-225px" ;
        msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
        msgObj.style.width = msgw + "px";
        msgObj.style.height =msgh + "px";
        msgObj.style.textAlign = "center";
        msgObj.style.lineHeight ="25px";
        msgObj.style.zIndex = "10001";

       var title=document.createElement("h4");
       title.setAttribute("id","msgTitle");
       title.setAttribute("align","right");
       title.style.margin="0";
       title.style.padding="3px";
       title.style.background=bordercolor;
       title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
       title.style.opacity="0.75";
       title.style.border="1px solid " + bordercolor;
       title.style.height="18px";
       title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
       title.style.color="white";
       title.style.cursor="pointer";
       title.innerHTML="关闭";
       title.onclick=function(){
    document.body.removeChild(bgObj);
    document.getElementById("msgDiv").removeChild(title);
document.body.removeChild(msgObj);
            }
       document.body.appendChild(msgObj);
       document.getElementById("msgDiv").appendChild(title);
       var txt=document.createElement("p");
       txt.style.margin="1em 0"
       txt.setAttribute("id","msgTxt");
       txt.innerHTML=str;
       document.getElementById("msgDiv").appendChild(txt);
        }
    </script>

 

3、js中的日期处理

 

function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a +dadd * 24 * 60 * 60 * 1000
a = new Date(a)
return (a.getFullYear() + "-" + (a.getMonth() + 1) + "-" + a.getDate() )
}

//日期格式化
function mapOnClick()
		{
                 var string = (document.form1.endtime.value).split("-");
                 var string2 = (document.form1.endtime2.value).split("-");
                // alert(new Date());
                 var myDate = new Date(string[0],string[1]-1,string[2]);
                 var myDate2 = new Date(string2[0],string2[1]-1,string2[2]);
                 //取当前日期
                 var newYear=new Date().getYear();
                 var newMonth=new Date().getMonth();
                 if(newMonth==12){
                   newMonth=1;
                 }else{
                   newMonth=newMonth+1;
                 }

                 var newDay=new Date().getDate();

               if(myDate2>new Date()){
                 //alert(newYear+"-"+newMonth+"-"+newDay);
                 document.form1.endtime2.value=newYear+"-"+newMonth+"-"+newDay;
               }
               if(myDate>new Date()){
                 //alert(newYear+"-"+newMonth+"-"+newDay);
                 document.form1.endtime.value=newYear+"-"+newMonth+"-"+newDay;
               }
          

                 if(myDate2<myDate){
                   alert("截止日期不能大于起始日期,请重新选择!");
                   return flase;
                 }
                 
//alert(document.form1.endtime.value);
//var myDate = new Date(document.form1.endtime.value);
//alert(myDate);     
//日期相等比较
                if(Date.parse(myDate2)==Date.parse(myDate)){
                myDate=cc(myDate,1);
                //alert(myDate);
                // myDate.setDate(myDate.getDate()+1)
                document.form1.endtime2.value=myDate;
               }

			form1.map.value = "1";
                        form1.table1.value = "2";
			if( form1.endtime.value == "" || form1.endtime2.value == "" )
			{
				alert("请填写完整后,再执行!");
				return;
			}
			form1.submit();
		}
////////////////////////////////////////字符串类型与时间类型间的转换
 try{
               SimpleDateFormat   dateFormat   =   new   SimpleDateFormat("yyyy-MM-dd");
               Date date=dateFormat.parse(begin);
               long   dateMS   =   date.getTime();
               dateMS   =   dateMS   +   60   *   60   *   24   *   1000   *   1;
               date.setTime(dateMS);
               String   dateString   =   dateFormat.format(date);
               end=dateString;
              //System.out.println("date:::"+dateString);
           }catch(Exception e){
               e.printStackTrace();
           }

 

4、判断所有表单项非空

 

  function checkdate() {
     //alert("sadfsa");
   var   input = document.all.tags("input");   
   for(i=0;i<input.length;i++)   
  {   
    if   (trimString(input[i].value)=="")   
    {   
      alert("请填完整空白项信息!");   
      return   false;   
    }
  } 

 

5、实现页面指定时间后自动跳转

 

<body>
  <!-- url后面的为目标地址-->
<meta http-equiv="Refresh" content="5;url=目标位置">
  <table>
  <tr>
          <td width="181" height="30" class="FontBlack">  该页面</td>
          <td width="22" align="center" class="FontBlack"><div id="time">5</div></td>
          <td width="194" align="left" class="FontBlack">秒后自动跳转</td>
   </tr>
</table>
</body>

<script language="JavaScript">
	var times=6;
	clock();
	function clock()
	{
		window.setTimeout('clock()',1000);
		times=times-1;
		time.innerHTML =times;
	}
</script>
  

 

 

1
1
分享到:
评论
2 楼 xrb2008 2008-01-16  
  //将文字中间多个相连的空格变为一个空格  、
如果用户输入的内容中间有空格,怎么办。主要是为了照顾这个。
1 楼 zhangyu313 2008-01-16  
trim方法不用这么复杂吧
function trim(strParm) {
	return strParm.replace(/(^\s*)|(\s*$)/g,'')
}


这样也可以

String.prototype.trim(strParm) {
	return this.replace(/(^\s*)|(\s*$)/g,'')
}

相关推荐

    自定义函数替换现有函数

    3. **测试**:对自定义函数进行充分的单元测试,确保其在各种输入下都能正确工作。 4. **代码审查**:在团队中,让其他成员审查你的代码,以找出可能的错误和改进点。 5. **版本控制**:使用版本控制系统(如Git)...

    最常用的10个javascript自定义函数(english)

    ### 最常用的10个javascript自定义函数 在前端开发领域,JavaScript无疑是最为重要的编程语言之一。它不仅灵活多变,而且拥有强大的功能,能够帮助开发者实现各种复杂的交互效果。本文将详细介绍十个最常见的自定义...

    vue 自定义函数库总结

    在实际项目中,我们经常会遇到需要扩展Vue的功能,这时候自定义函数库就显得尤为重要。本篇文章将深入探讨如何在Vue中创建和使用自定义函数库,以提升开发效率和代码复用性。 首先,我们要理解Vue的插件机制。Vue...

    第7章 自定义函数

    在各种编程语言中,如Python、Java、C++或JavaScript,都可以创建自定义函数。例如,在Python中,我们可以通过`def`关键字定义一个函数: ```python def my_function(param1, param2): # 函数体 result = param1 ...

    详解JavaScript自定义函数

    JavaScript中定义和使用自定义函数是该语言核心功能之一。自定义函数允许开发者封装逻辑,使其可复用且易于维护。以下是一些关键知识点。 一、定义方法 在JavaScript中,自定义函数通过使用function关键字定义。...

    javascript 自定义eval函数实现

    在本讨论中,我们将深入探讨如何自定义`eval()`函数以提高代码的安全性和效率,同时也会涉及到JavaScript的动态执行特性以及其在实际开发中的应用。 首先,`eval()`的默认行为是将其接收到的字符串当作JavaScript...

    artTemplate4.x自定义函数.zip

    3. **使用函数**:在模板中,你可以像调用普通JavaScript函数一样调用这个自定义函数。例如,`{{ myCustomFunction(data.property) }}`,这里`data.property`是你想传递的数据。 压缩包中的“artTemplate4.x自定义...

    javascript十个最常用的自定义函数.pdf

    ### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言,它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展,开发者们常常会遇到需要频繁...

    史上最详细的JS脚本调用VC自定义函数资料(含完整源码)

    史上最详细的JS脚本调用VC自定义函数资料 看完准保不后悔 可以节省你很多时间的 实现原理: 利用BHO实现IDocHostUIHandler接口和IDispatch接口 通过BHO拦截网页加载完毕事件,将自己的IDocHostUIHandler接口设置给...

    JS 四种函数调用模式

    在 JS 中,有四种主要的函数调用模式,分别是:普通函数调用、方法调用、构造函数调用和apply/call调用。下面我们将详细探讨这些调用模式。 1. **普通函数调用**: 这是最常见的情况,函数作为一个独立的实体被执行...

    JavaScript 基本语法 高级语法 自定义函数下载

    这个资源包涵盖了JavaScript的基本语法、高级语法以及自定义函数的使用,对于学习和提升JavaScript技能非常有帮助。 **一、JavaScript基本语法** 1. **变量声明**:在JavaScript中,我们可以使用`var`、`let`或`...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    javascript自定义函数参数传递为字符串格式.docx

    ### JavaScript自定义函数参数传递为字符串格式 在JavaScript编程中,函数是程序的基本构建块之一,用于封装一段可重复使用的代码逻辑。对于函数而言,参数的传递是非常重要的一个环节,它直接影响到函数内部如何...

    PHP项目开发中最常用的自定义函数整理.doc

    在PHP项目开发中,自定义函数是提升代码可读性和效率的重要工具。这些函数通常针对特定项目需求进行定制,能够简化常见的操作。...在团队协作中,统一的自定义函数库也有助于保持代码风格的一致性。

    10个常用自定义JavaScript函数

    在JavaScript编程中,自定义函数是开发者们常用的一种工具,它们可以帮助我们封装代码,提高代码的可重用性和可维护性。这篇博客“10个常用自定义JavaScript函数”提供了十个非常实用的函数示例,旨在提升开发效率。...

    FCK在线编译器JSP自定义函数Proxool连接池配置信息.

    在提供的文件中,`jsp工具函数类.doc`可能包含了一些与JSP自定义函数相关的示例代码或指南,可以帮助开发者更好地理解如何在JSP中实现和使用自定义函数。`Proxool数据库连接池配置.doc`应详细介绍了如何配置和使用...

    jQuery增加自定义函数的方法

    在这个自定义函数中,`$(this)`代表调用该函数的jQuery对象,`.addClass('changed')`是jQuery的内置方法,用于添加指定的CSS类`changed`到每个匹配的元素。函数返回`$(this)`是为了保持链式调用的可能性,即在调用`...

    MATLAB结构化程序与自定义函数.md

    在MATLAB中,通过将不同的功能封装到独立的函数中,可以轻松地实现这一点。 **示例代码:** ```matlab % 主程序 clear; clc; % 步骤1:读取和处理数据 data = load('data.mat'); processedData = preprocessData...

Global site tag (gtag.js) - Google Analytics