當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

web开发常用js功能性小技巧(转)

發布時間：2023/12/10 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 web开发常用js功能性小技巧(转) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

web開發常用js功能性小技巧

--------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">;
<HTML>;
<HEAD>;
<TITLE>; New Document </TITLE>;

</HEAD>;

<BODY>;
<FORM METHOD=POST ACTION="">;
<input οnpaste="return false;" type="text" name="textfield" style="width:400px;? ime-mode:disabled" value=" English only">;?
</FORM>;
</BODY>;
</HTML>;

-----------------------------------------------------------------------------
只能輸入數字

在<body>;...</body>;之間的表單．
<form method="POST" name=form action="" onSubmit="return check();">;
<p align="center">;
? 請輸入電話號碼：<input type="text" name="tell" size="20">;
<input type="submit" value="提交" name="B1">;</p>;
</form>;
?
--------------------------------------------------------------------------------
e mail 合法性檢查
function check()
{
if(document.register.email.value.length!=0)
?{
?? if (document.register.email.value.charAt(0)=="." ||????????
??????? document.register.email.value.charAt(0)=="@"||???????
??????? document.register.email.value.indexOf('@', 0) == -1 ||?
??????? document.register.email.value.indexOf('.', 0) == -1 ||?
??????? document.register.email.value.lastIndexOf("@")??????????????????????? 　　
?　?? ==document.register.email.value.length-1 ||?
??????? document.register.email.value.lastIndexOf(".")
???????????? ==document.register.email.value.length-1)
??? {
???? alert("Email的格式不正確！");
???? document.register.email.focus();
???? return false;
???? }
? }
else
?{
? alert("Email的不能為空！");
? document.register.email.focus();
? return false;
? }
return false;
}?
-----------------------------------------------------------
頁面右鍵屏蔽
<body οncοntextmenu="return false">;

----------------------------------------------------------------
自動清除輸入框中的空格

再<head>;...</head>;間加入?
<SCRIPT LANGUAGE="JavaScript">;
;
</script>;?

如下代碼加入<body>;區

<form method="post" action="...">;
<input type=text size=25 onBlur="this.value=ignoreSpaces(this.value);" name="text">;
<input type=submit value="Ok" name="button">;
</form>;??
?
-----------------------------------------------------------------------
右鍵菜單的淡入淡出效果
<HTML>;<HEAD>;<TITLE>;右鍵菜單的淡入淡出效果</TITLE>;
<META content="text/html; charset=gb2312" http-equiv=Content-Type>;
<SCRIPT language=JavaScript>;
<!-- // RightClickMenu
var intDelay=10; //設置菜單顯示速度，越大越慢
var intInterval=5; //每次更改的透明度?
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
//ie5menu.style.visibility=""
ie5menu.filters.alpha.opacity=0
GradientShow()
return false
}
function hidemenuie5(){
//ie5menu.style.visibility="hidden"
GradientClose()
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#000000"
}
}?
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.url != ''){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
}?

function GradientShow() //實現淡入的函數?
{?
ie5menu.filters.alpha.opacity+=intInterval?
if (ie5menu.filters.alpha.opacity<100) setTimeout("GradientShow()",intDelay)
}?

function GradientClose() //實現淡出的函數?
{?
ie5menu.filters.alpha.opacity-=intInterval?
if (ie5menu.filters.alpha.opacity>;0) {?
?setTimeout("GradientClose()",intDelay)?
?}?
else {?
?ie5menu.style.visibility="hidden"
?}?
}?

function ChangeBG() //改變菜單項的背景顏色，這里的兩種顏色值可以改為你需要的?
{?
oEl=event.srcElement?
if (oEl.style.background!="navy") {?
? oEl.style.background="navy"?
? }?
? else {?
? oEl.style.background="#cccccc"?
? }?
}?
// -->;
</SCRIPT>;?

<META content="Microsoft FrontPage 4.0" name=GENERATOR>;
</HEAD>;
<BODY>;
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0>;
</OBJECT>;
<RIGHTCLICK>;<!--[if IE]>;
<DIV class=cMenu id=ie5menu οnclick=jumptoie5() οnmοuseοut=lowlightie5()?
οnmοuseοver=highlightie5()>;?

<DIV class=menuitems url="javascript:click_obj(0)">;后退</DIV>;
<DIV class=menuitems url="javascript:click_obj(1)">;前進</DIV>;
<DIV class=menuhr>;<hr style="width:100%">;</DIV>;
<DIV class=menuitems url="javascript:click_obj(2)">;刷新</DIV>;
<DIV class=menuitems url="javascript:click_obj(3)">;加入收藏夾</DIV>;
<DIV class=menuitems url="javascript:click_obj(4)">;查看源文件</DIV>;
<DIV class=menuhr>;<hr style="width:100%">;</DIV>;
<DIV class=menuitems url="javascript:click_obj(5)">;屬性</DIV>;?

</DIV>;
<![endif]-->;?

<SCRIPT language=JavaScript>;
<!--
function click_obj(id){
switch(id){
case 0:?
history.back()
break
case 1:
history.forward()
break
case 2:
window.location.reload()
break
case 3:
window.external.AddFavorite(location.href, document.title)
break
case 4:
window.location = "view-source:" + window.location.href
break
case 5:
document.all.WebBrowser.ExecWB(10,1)
break
}
}?

if (document.all&&window.print){
ie5menu.className="cMenu"
document.οncοntextmenu=showmenuie5
document.body.οnclick=hidemenuie5
}
//-->;
</SCRIPT>;
</RIGHTCLICK>;
</BODY>;</HTML>;

?----------------------------------------------------------------------------
ie用activex實現打印? 我沒有檢測過版本，ie6下正常
<head>;...</head>;加入：
<SCRIPT LANGUAGE=javascript>;
;
</SCRIPT>;

在<body>;...</body>;加入：
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0>;
</OBJECT>;
<INPUT type="button" value="Set" id=button1 name=button1 οnclick="setPrint();">;
<INPUT type="button" value="Preview" id=button2 name=button2 οnclick="previewPrint();">;?

----------------------------------------------------------------
超鏈接提交表單?
<script LANGUAGE="JavaScript">;
function checkvalue()
{
?if(document.welcomeform.nickname.value=="")
?{
? alert("昵稱不能為空！");
? return(false);
? }
?if(document.welcomeform.password.value=="")
?{
? alert("密碼不能為空！");
? return(false);????
? }
?document.welcomeform.submit();?
?return(true);???
}
</script>;

在<body>;...</body>;之間加入如下代碼：
<form name="welcomeform" method="post" action="welcome.asp">;
?<a href="#" οnclick="javascript:checkvalue();return false:">;登錄</a>;
</form>;?
----------------------------------------------------------
不允許緩存頁面
使用java提供的方法，在jsp或者servlet中都可以
<%?
response.setHeader("Pragma","No-cache");?
response.setHeader("Cache-Control","no-cache");?
response.setDateHeader("Expires", 0);?
%>;??

----------------------------------------

轉載于:https://www.cnblogs.com/netboygg/archive/2006/09/01/492034.html

總結

以上是生活随笔為你收集整理的web开发常用js功能性小技巧(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Tomcat原理剖析及性能调优
下一篇：龙图 VP 李翀：数据化运营及云计算下的