熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript實用的一些技巧

2022-06-13   來源: JSP教程 
oncontextmenu=windoweventreturnValue=false 將徹底屏蔽鼠標右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用於Table

   <body onselectstart=return false> 取消選取防止復制

   onpaste=return false 不准粘貼

   oncopy=return false; oncut=return false; 防止復制

   <link rel=Shortcut Icon > IE地址欄前換成自己的圖標

   <link rel=Bookmark > 可以在收藏夾中顯示出你的圖標

   <input > 關閉輸入法

   永遠都會帶著框架
<script language=JavaScript><!
if (window == top)toplocationhref = ; //為框架網頁
// ></script>

   防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!
if (toplocation != selflocation)toplocation=selflocation;
// ></SCRIPT>

   網頁將不能被另存為
<noscript><iframe src=l></iframe></noscript>

   <input type=button value=查看網頁源代碼
onclick=windowlocation = viewsource:+ >

  刪除時確認
<a javascript:if(confirm(確實要刪除嗎?))location=boosasp?&areyou=刪除&page=>刪除</a>

   取得控件的絕對位置
//Javascript
<script language=Javascript>
function getIE(e){
var t=eoffsetTop;
var l=eoffsetLeft;
while(e=eoffsetParent){
t+=eoffsetTop;
l+=eoffsetLeft;
}
alert(top=+t+/nleft=+l);
}
</script>

  //VBScript
<script language=VBScript><!
function getIE()
dim tlab
set a=documentallimg
t=documentallimgoffsetTop
l=documentallimgoffsetLeft
while atagName<>BODY
set a = aoffsetParent
t=t+aoffsetTop
l=l+aoffsetLeft
wend
msgbox top=&t&chr()&left=&l得到控件的位置
end function
></script>

   光標是停在文本框文字的最後
<script language=javascript>
function cc()
{
var e = eventsrcElement;
var r =ecreateTextRange();
rmoveStart(characterevaluelength);
llapse(true);
rselect();
}
</script>
<input type=text name=text value= onfocus=cc()>

   判斷上一頁的來源
javascript:
documentreferrer

   最小化最大化關閉窗口
<object id=hh classid=clsid:ADBADFFCFAABA>
<param name=Command value=Minimize></object>
<object id=hh classid=clsid:ADBADFFCFAABA>
<param name=Command value=Maximize></object>
<OBJECT id=hh classid=clsid:adbadffcfaaba>
<PARAM NAME=Command VALUE=Close></OBJECT>
<input type=button value=最小化 onclick=hhClick()>
<input type=button value=最大化 onclick=hhClick()>
<input type=button value=關閉 onclick=hhClick()>
本例適用於IE

  屏蔽功能鍵ShiftAltCtrl
<script>
function look(){
if(eventshiftKey)
alert(禁止按Shift鍵!); //可以換成ALT CTRL
}
documentonkeydown=look;
</script>

   網頁不會被緩存
<META HTTPEQUIV=pragma CONTENT=nocache>
<META HTTPEQUIV=CacheControl CONTENT=nocache mustrevalidate>
<META HTTPEQUIV=expires CONTENT=Wed Feb :: GMT>
或者<META HTTPEQUIV=expires CONTENT=>

  怎樣讓表單沒有凹凸感?
<input type=text >

<input type=text ></textarea>

  <div><span>&<layer>的區別?
<div>(division)用來定義大段的頁面元素會產生轉行
<span>用來定義同一行內的元素跟<div>的唯一區別是不產生轉行
<layer>是ns的標記ie不支持相當於<div>


  讓彈出窗口總是在最上面:
<body onblur=thisfocus();>

  不要滾動條?
讓豎條沒有:
<body >
</body>
讓橫條沒有:
<body >
</body>
兩個都去掉?更簡單了
<body scroll=no>
</body>

  怎樣去掉圖片鏈接點擊後圖片周圍的虛線?
<a # onFocus=thisblur()><img src=logojpg border=></a>

  電子郵件處理提交表單
<form name=form method=post action=mailto:****@** enctype=text/plain>
<input type=submit>
</form>

  在打開的子窗口刷新父窗口的代碼裡如何寫?
windowopenerlocationreload()

  如何設定打開頁面的大小
<body onload=topresizeTo();>
打開頁面的位置<body onload=topmoveBy();>

  在頁面中如何加入不是滿鋪的背景圖片拉動頁面時背景圖不動
<STYLE>
body
{backgroundimage:url(logogif); backgroundrepeat:norepeat;
backgroundposition:center;backgroundattachment: fixed}
</STYLE>

   檢查一段字符串是否全由數字組成
<script language=Javascript><!
function checkNum(str){return strmatch(//D/)==null}
alert(checkNum())
alert(checkNum(a))
// ></script>

   獲得一個窗口的大小
documentbodyclientWidth; documentbodyclientHeight

   怎麼判斷是否是字符
if (/[^/x/xff]/gtest(s)) alert(含有漢字);
else alert(全是字符);

  TEXTAREA自適應文字行數的多少
<textarea rows= name=s cols= onpropertychange=thisstyleposHeight=thisscrollHeight>
</textarea>

   日期減去天數等於第二個日期
<script language=Javascript>
function cc(dddadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = avalueOf()
a = a dadd * * * *
a = new Date(a)
alert(agetFullYear() + + (agetMonth() + ) + + agetDate() + )
}
cc(//)
</script>

   選擇了哪一個Radio
<HTML><script language=vbscript>
function checkme()
for each ob in radio
if obchecked then windowalert obvalue
next
end function
</script><BODY>
<INPUT name=radio type=radio value=style checked>Style
<INPUT name=radio type=radio value=barcode>Barcode
<INPUT type=button value=check onclick=checkme()>
</BODY></HTML>

  腳本永不出錯
<SCRIPT LANGUAGE=JavaScript>
<! Hide
function killErrors() {
return true;
}
windowonerror = killErrors;
// >
</SCRIPT>

  ENTER鍵可以讓光標移到下一個輸入框
<input onkeydown=if(eventkeyCode==)eventkeyCode=>

   檢測某個網站的鏈接速度
把如下代碼加入<body>區域中:
<script language=Javascript>
tim=
setInterval(tim++)
b=
var autourl=new Array()
autourl[]=
autourl[]=
autourl[]=
autourl[]=
autourl[]=
function butt(){
documentwrite(<form name=autof>)
for(var i=;i<autourllength;i++)
documentwrite(<input type=text name=txt+i+ size= value=測試中……> =》<input type=text
name=url+i+ size=> =》<input type=button value=GO

  onclick=windowopen(thisformurl+i+value)><br>)
documentwrite(<input type=submit value=刷新></form>)
}
butt()
function auto(url){
documentforms[][url+b]value=url
if(tim>)
{documentforms[][txt+b]value=鏈接超時}
else
{documentforms[][txt+b]value=時間+tim/+}
b++
}
function run(){for(var i=;i<autourllength;i++)documentwrite(<img //+autourl+/+Mathrandom()+ width= height=

  onerror=auto(//+autourl+)>)}
run()</script>

   各種樣式的光標
auto 標准光標
default 標准箭頭
hand 手形光標
wait 等待光標
text I形光標
verticaltext 水平I形光標
nodrop 不可拖動光標
notallowed 無效光標
help ?幫助光標
allscroll 三角方向標
move 移動標
crosshair 十字標
eresize
nresize
nwresize
wresize
sresize
seresize
swresize

  頁面進入和退出的特效
進入頁面<meta httpequiv=PageEnter content=revealTrans(duration=x transition=y)>
推出頁面<meta httpequiv=PageExit content=revealTrans(duration=x transition=y)
這個是頁面被載入和調出時的一些特效duration表示特效的持續時間以秒為單位transition表示使用哪種特效取值為:
   矩形縮小
   矩形擴大
   圓形縮小
   圓形擴大
   下到上刷新
   上到下刷新
   左到右刷新
   右到左刷新
   豎百葉窗
   橫百葉窗
   錯位橫百葉窗
   錯位豎百葉窗
   點擴散
   左右到中間刷新
   中間到左右刷新
   中間到上下
   上下到中間
   右下到左上
   右上到左下
   左上到右下
   左下到右上
   橫條
   豎條
   以上種隨機選擇一種

  在規定時間內跳轉
<META httpequiv=V=REFRESH content=;URL=>

  網頁是否被檢索
<meta name=ROBOTS content=屬性值>
  其中屬性值有以下一些:
  屬性值為all: 文件將被檢索且頁上鏈接可被查詢
  屬性值為none: 文件不被檢索而且不查詢頁上的鏈接
  屬性值為index: 文件將被檢索
  屬性值為follow: 查詢頁上的鏈接
  屬性值為noindex: 文件不檢索但可被查詢鏈接
  屬性值為nofollow: 文件不被檢索但可查詢頁上的鏈接


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19266.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.