妙用javascript

妙用javascript

http://www.blogjava.net/Jkallen/archive/2006/03/06/33886.aspx?Pending=true#Post
以下是本人在代码中常用到的一些JS脚本,虽然是一些简单而又短小的function却是帮了我不少的忙呢!希望对大家有些用,有了好的再贴上来 ^_^
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来触发

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

当然下面的不能少啦！

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

2：关闭一当前窗口，并且无关闭提示（这个功能太常用了）

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

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

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

则可以:

varurlfir=studyezurl+'/Authentication.do?actionid =ForgetPassword';
varurlsec=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:thefunctionwillgettheparametersfromtheserver
//
// Parameter:
// sHref---->>thecurrentURL
// sArgName---->>theArraystorethenameofparameterswhichyouwanttoget
//
// Return:Arraytostoretheresult
//
// Author:Jkallen
// ----------------------------------------------------------------------------
functionGetArgsFromHref(sHref,sArgName)
{
varargs=sHref.split("?");
varp_Result=newArray();

if(args[0]==sHref)
{
returnp_Result;
}
varstr=args[1];
args=str.split("&");
for(vari=0;i<args.length;i++)
{
str=args[i];
vararg=str.split("=");
if(arg.length<=1)
continue;
if(sArgName!=null)
{
for(varc1=0;c1<sArgName.length;c1++)
{
vartempValue=arg[0];
if(tempValue==sArgName[c1])
p_Result[tempValue]=arg[1];
}
}//endif
}//endfor

returnp_Result;
}// endGetArgsFromHref

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

varcurCourseID=pValue[c_courseID];

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

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

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

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

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

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

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

7:确定下拉框的值：

<scriptlanguage="javascript" >
functiontest() {
varse=document.form1.select;
for(i=0;i<se.length;i++){
if(se.options[i].value==55){
se.options[i].selected=true;
break;
}
}

}
</ script>

HTML 如下:

<formid="form1"name="form1"method="post"action="" >
<selectname="select" >
<optionvalue="11"selected="">11</option >
<optionvalue="22">22</option >
<optionvalue="33">33</option >
<optionvalue="44">44</option >
<optionvalue="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）

functionchkdate(value)
{
vardatestr;
datestr=value;
varlthdatestr;
if(datestr!="")
{lthdatestr=datestr.length};
else
{lthdatestr=0};
vartmpy="";
vartmpm="";
vartmpd="";
varstatus;
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=newString(tmpy);
month=newString(tmpm);
day=newString(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</fo

分享到：

Ajax实现智能表格(适合B/S模式项目的录入 ... | 常用JS代码集（二）

• 2006-10-24 11:36
• 浏览 193
• 评论(0)
• 相关推荐

评论

发表评论

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