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

妙用javascript(1)

阅读更多

1:在一带到复杂的FRAME页面中OPEN一个窗体来(当然不用什么parent.parent啦)

 function  checkuser(name)
    
  {
        window.open(
" about:blank " , " zhutong " , 'menubar = 0 ,width = 350 ,height = 240 ,left = 230 ,top = 200 ,resizable = 0 ,scrollbars = auto');
       window.document.forms['form1'].target 
=   " zhutong " ;
        window.document.forms['form1'].action 
=   " Account/check.jsp?username= " + name;
        window.document.forms['form1'].submit();        
    }


以下的LINK来触发

<href="javascript:checkuser(window.document.forms['SignUpForm'].name.value);">
                                        
<bean:message key="account.signup.input.name.check" />
                                    
</a>


当然下面的不能少啦!

</html:form>
<form name="form1" method="post" action="">
</form>


2:关闭一当前窗口,并且无关闭提示(这个功能太常用了)

<input type="submit" name="Submit" value="知道啦" onClick='window.opener = "xxx";
    window.close();'
>


3:让一个链接自动提交:
如有一个链接:

<href="xx.htm" name="multiuse">AAA</a>


则可以:

var urlfir = studyezurl + '/Authentication.do?actionid=ForgetPassword';
var urlsec = studyezurl + '/tempURL.do';
multiuse.href 
= urlsec;
multiuse.focus();
multiuse.click();
multiuse.href 
= urlfir;  //这个好象不起作用,所以最好将此urlfir设成在href中的默认值


在STRUTS中有一个多个FRAME构成的系统.点击注销后想固定到某一页面!(这个鬼费了我不少时间 ^_^ )


4:让HTML也有JSP中的request.getParameter("");
HTML也可以通过JS来到得参数,函数如下(我将它保存到了一个数组里面):

//--------------------------------------------------------------------------
//
Name: GetArgsFromHref
//
//
Pupers: the function will get the parameters from the server
//
//
Parameter:
//
sHref---->>the current URL
//
sArgName---->>the Array store the name of parameters which you want to get
//
//
Return: Array to store the result
//
//
Author: Jkallen
//
----------------------------------------------------------------------------
function GetArgsFromHref(sHref, sArgName)
{
    
var args  = sHref.split("?");
    
var p_Result = new Array();
    
    
if(args[0== sHref) 
    
{
         
return p_Result; 
    }
  
    
var str = args[1];
    args 
= str.split("&");
    
for(var i = 0; i < args.length; i ++)
    
{
        str 
= args[i];
        
var arg = str.split("=");
        
if(arg.length <= 1
            
continue;
        
if(sArgName != null)
        
{
            
for(var c1 = 0; c1 < sArgName.length; c1++)
            
{
                
var tempValue = arg[0];
                
if( tempValue == sArgName[c1])
                    p_Result[tempValue] 
= arg[1];
            }
   
        }
//end if
     }
//end for
     
     
return p_Result;
 }
//end GetArgsFromHref


所以你以后就可以通过如:

var curCourseID = pValue[c_courseID];


的样子来直接取了啦,c_courseID是参数名称哦

5:在页面动态显示当前时间

<span id="aa">当前时间</span><script> setInterval("aa.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script> 

1000就表示了,每隔1000毫秒就更新一次aa里面的内容.

6:对WEB页面对象的常用操作,
.select()  选中对象(文本框)的内容
.focus()   让某个对象获取焦点
checked  检查单选按钮是否处于选中状态
若存的是一组单选按钮,根据document的一些方法:

getElementById     获取对 ID 标签属性为指定值的第一个对象的引用。
getElementsByName     根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName     获取基于指定元素名称的对象集合。
可以用getElementsByName来解决,它是取得一些同名对象的集合,与getElementById(指定值的第一个对象的引用)不同.如下所示:

var tmppara = document.getElementsByName("para"+i);
   
var j=0;
   
for(;j<tmppara.length;j++){
    
if(tmppara[j].checked){
      values[cur_index] 
= tmppara[j].value;
      cur_index
++;
     }

   }

7:确定下拉框的值:

<script language="javascript">
function test(){
 
var se = document.form1.select;
 
for(i=0;i<se.length;i++){
  
if(se.options[i].value == 55){
   se.options[i].selected
=true;
   
break;
  }
    
 }

 
}

</script>

HTML 如下:

<form id="form1" name="form1" method="post" action="">
    
<select name="select">
    
<option value="11" selected="">11</option>
    
<option value="22">22</option>
    
<option value="33">33</option>
    
<option value="44">44</option>
    
<option value="55">55</option>
  
</select>
</form>

删除其中的一个option:
se.options.remove(1);
其中参数1表示下标

8:使得某一对象不可用(可用刚改成false)
document.form1.submit2.disabled=true;
使得某一对象不可见(可见则改成visible)
document.form1.submit2.style.visibility="hidden";

9:日期以'yyyy-mm-dd'(2006-09-07 or 2006-9-17)

function chkdate(value)
{
    
var datestr;
    datestr
=value;
    
var lthdatestr;
    
if (datestr != "")
        
{lthdatestr= datestr.length} ;
    
else
        
{lthdatestr=0};    
    
var tmpy="";
    
var tmpm="";
    
var tmpd="";
    
var status;
    status
=0;
    
if ( lthdatestr== 0)
        
{return (false)};            
    
for (i=0;i<lthdatestr;i++)
    
{    if (datestr.charAt(i)== '-')
        
{
            status
++;
        }

        
if (status>2)
        
{
            
return (false);
        }

        
if ((status==0&& (datestr.charAt(i)!='-'))
        
{
            tmpy
=tmpy+datestr.charAt(i);
        }

        
if ((status==1&& (datestr.charAt(i)!='-'))
        
{
            tmpm
=tmpm+datestr.charAt(i);
        }

        
if ((status==2&& (datestr.charAt(i)!='-'))
        
{
            tmpd
=tmpd+datestr.charAt(i);
        }


    }

    year
=new String (tmpy);
    month
=new String (tmpm);
    day
=new String (tmpd);
    
if ((tmpy.length!=4|| (tmpm.length>2 || tmpm.length<1|| (tmpd.length!=2))
    
{
        
return (false);
    }

    
if (!((1<=month) && (12>=month) && (31>=day) && (1<=day)) )
    
{
        
return (false);
    }

    
if (!((year % 4)==0&& (month==2&& (day==29))
    
{
        
return (false);
    }

    
if ((month<=7&& ((month % 2)==0&& (day>=31))
    
{
        
return (false);
    
    }

    
if ((month>=8&& ((month % 2)==1&& (day>=31))
    
{
        
return (false);
    }

    
if ((month==2&& (day==30))
    
{
        
return (false);
    }

    
return (true);
}

再加一个比较函数,刚刚写的

/**//************************************************************
 *将yyyy-mm-dd的日期型数据换成数字型以比较大小 add by zhangyinxin
************************************************************
*****/

function changDate2Num(date){
    
var tmp = date.split('-') ;
    
var result;
    
if(tmp.length<=0){
        alert('日期格式(yyyy
-mm-dd)不正确!');
    }
else{
        result 
= tmp[0];
        
if(tmp[1].length<2)    tmp[1= "0"+tmp[1];
        result 
+= tmp[1]; 
        
if(tmp[2].length<2)    tmp[2= "0"+tmp[2];
        result 
+= tmp[2]; 
    }

//    alert(result);
    return tmp;
}

10:对一组单选按钮的处理---是否选中or返回选中值

function getValueofCheckBoxSelected_this(dyfs)
{
    
var controlarray = document.getElementsByName(dyfs);
    
if(controlarray==null||controlarray.length==0)
        
return false;
       
for (var i=0; i<controlarray.length; i++)
       
{
        
if(controlarray[i].checked)
            
return controlarray[i].value;    
            
//如果要返回是否选中,这儿返回true啦,下面返回false    
    }
    
    
return null;
}

11,从A页面打开一个页面B,从B中输入相关信息后再从B页面把信息传到A页面处理:
从A页面打开B页面的方法:

function addPersonInfo(){
  
var obj =
  window;
  
var url = "<%=contextpath%>/jsp/addinfo.jsp"
;
  window.showModalDialog(url,obj,'dialogwidth
=500px; dialogheight=300px;status=no; help=
no');
}

 

主要是其中的obj参数起作用.然后在B页面 中返回:

.
var obj =
 window.dialogArguments;
    obj.addRow(username,phone,email);
    window.close();

注意这儿只取了主要部分:username,phone,emial均是在B页面取得一些信息obj.addRow()中addRow是A页面中定义的,如下:

/**//******************************************************************
@name addRow---为******增加一行
@parameters    null
@retrun null
@author zhangyinxin
*****************************************************************
*/

function addRow(name,phone,email){
    do something......
}

 

分享到:
评论

相关推荐

    众妙之门——JavaScript与jQuery技术精粹

     《众妙之门——JavaScript与jQuery技术精粹》最大的价值在于其结合大量实例的生动方式,详细阐述了使用JavaScript和jQuery时应掌握的知识和技巧,以及作者通过实践掌握的各种秘诀,可帮助开发人员提升自身水平,向...

    众妙之门 JavaScript与jQuery技术精粹

    《众妙之门 JavaScript与jQuery技术精粹》是一本深入探讨JavaScript和jQuery核心概念与实践技巧的书籍。这本书旨在帮助读者全面理解这两种强大的Web开发工具,提升开发效率和网页交互体验。 JavaScript,作为Web...

    多姿多彩我拥有:—妙用JavaScript实现网页特效.pdf

    虽然CSS样式表通常是首选,但有时也可以用JavaScript来实现。例如,可以插入一个没有边框的表格,并通过JavaScript动态设置边框宽度和间距: ```html &lt;table border="0" cellSpacing="1" cellPadding="1"&gt; &lt;!-- ...

    众妙之门 JavaScript与jQuery技术精粹,完整扫描版(有目录和介绍)

    《众妙之门——JavaScript与jQuery技术精粹》出自世界知名Web设计网站Smashing Magazine,其中的文章是来自全球顶级设计师的精华总结。全书共分为两大部分,第一部分阐述JavaScript的实战经验,共7章,内容涉及...

    js的另一妙用

    "js的另一妙用"这个标题揭示了JS在非传统领域的应用,即在移动设备上的创新实践。 在Android平台上,JavaScript可以通过多种方式与原生应用进行交互,从而实现丰富的功能。Android支持JavaScript主要体现在以下几个...

    html+css+javascript

    HTML、CSS和JavaScript的结合使用,形成了大前端开发的基础框架。HTML负责内容的结构,CSS负责样式的设计,JavaScript则负责动态交互和逻辑处理。这种三层分离的模式使得开发更加模块化,提高了代码的可维护性和重用...

    JavaScript与jQuery技术精粹

    《众妙之门:JavaScript与jQuery技术精粹》出自世界知名Web设计网站Smashing Magazine,其中的文章是来自全球顶级设计师的精华总结。全书共分为两大部分,第一部分阐述JavaScript的实战经验,共7章,内容涉及...

    用javascript模仿flash切换效果

    本主题探讨的是如何使用JavaScript来模仿经典的Flash切换效果,这种效果在早期的网页设计中非常流行,用于实现动画和过渡效果。Flash曾经是创建动态内容的首选工具,但随着HTML5和JavaScript技术的进步,开发者现在...

    javascript

    ### 关于JavaScript的妙用 #### 1. 动态效果 JavaScript可以用来创建各种动态效果,如动画、过渡等。例如,在给定的部分内容中,有一段JavaScript代码用于创建一个动态的图像布局,通过调整图像的位置来实现动画...

    html javascript js css

    网页制作中隐藏域的妙用 在网页制作中,我们知道有一个input ="hidden"的属性,顾名思义它就是隐藏在网页中的的一个元素,并不在网页中显示出来。 那么它的作用是什么呢.作过cgi,asp,php,jsp等的朋友都知道...

    众妙之门-javascript与jquery

    javascript与jquery精粹,很精美的电子书,建议有一定经验的开发者查看

    javascript void(0)的妙用

    1. `javascript:void (expression)` 2. `javascript:void expression` 这里的`expression`是一个JavaScript标准的表达式,它可以是任何合法的JavaScript语句或计算。圆括号是可选的,但通常为了提高代码可读性,...

    JavaScript中的this妙用实例分析

    本文实例讲述了JavaScript中的this妙用。分享给大家供大家参考,具体如下: JavaScript关键字this始JS脚本能够根据使用这个关键字的上下文将值传递给函数。 我们先来看如下一个网页,在用户单击链接之后,弹出一个...

    Javascript数组方法reduce的妙用之处分享

    Javascript数组方法中,相比map、filter、forEach等常用的迭代方法,reduce常常被我们所忽略,今天一起来探究一下reduce在我们实战开发当中,能有哪些妙用之处,下面从reduce语法开始介绍。 语法 array.reduce...

    Javascript加密解密

    ##### 3.2 转义字符的妙用 JavaScript支持多种转义字符,如`\n`(换行)、`\r`(回车)等。此外,还可以使用`\x`(十六进制)或`\`(八进制)来表示任何字符。例如,汉字“黑”可以表示为`u9ED1`。 - **八进制转义...

    悟透JavaScript

    《悟透JavaScript》一书,又被称为《JavaScript真经》,是深入理解JavaScript编程精髓的经典之作。作者李战通过比喻和故事,将编程世界的本质——数据和代码的关系生动地阐述出来,帮助读者把握JavaScript的核心概念...

    JavaScript__深度强化学习为WiFi学习提供更好的工具.zip

    在"JavaScript__深度强化学习为WiFi学习提供更好的工具.zip"这个压缩包中,我们可以推测其内容可能与使用JavaScript实现深度强化学习技术来优化WiFi网络性能有关。 深度强化学习(Deep Reinforcement Learning,DRL...

Global site tag (gtag.js) - Google Analytics