WEB程式設計開發常用的程式碼

qking93415981發表於2020-04-06
Web程式設計
關閉輸入法

<input style="ime-mode:disabled"> 


 

永遠都會帶著框架

<script language="javascript"><!-- 
if (window == top)top.location.href = "frames.htm"; 
//frames.htm為框架網頁 
// -->
</script> 



防止被人frame

<SCRIPT LANGUAGE=javascript><!-- 
if (top.location != self.location)
top.location=self.location; 
// -->
</SCRIPT> 



 怎樣通過asp的手段來檢查來訪者是否用了代理

<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then 
response.write "<font color=#FF0000>您通過了代理伺服器，" & "真實的IP為 "&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 
end if 
%> 



取得控制元件的絕對位置

//javascript 
<script language="javascript">   
function getIE(e){   
var t=e.offsetTop;   
var l=e.offsetLeft;   
while(e=e.offsetParent){   
t+=e.offsetTop;   
l+=e.offsetLeft;   
}   
alert("top="+t+"nleft="+l);   
}   
</script>  

//VBScript 
<script language="VBScript">
<!--   
function getIE()   
dim t,l,a,b   
set a=document.all.img1   
t=document.all.img1.offsetTop   
l=document.all.img1.offsetLeft   
while a.tagName<>"BODY"   
set a = a.offsetParent   
t=t+a.offsetTop   
l=l+a.offsetLeft   
wend   
msgbox "top="&t&chr(13)&"left="&l,64,"得到控制元件的位置"   
end function   
--> 
</script> 


游標是停在文字框文字的最後

<script language="javascript"> 
function cc() 
{ 
var e = event.srcElement; 
var r =e.createTextRange(); 
r.moveStart("character",e.value.length); 
r.collapse(true); 
r.select(); 
} 
</script> 
<input type=text name=text1 value="123" οnfοcus="cc()"> 


判斷上一頁的來源

asp: 
request.servervariables("HTTP_REFERER")  

javascript: 
document.referrer 



最小化、最大化、關閉視窗

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object> 
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object> 
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<PARAM NAME="Command" value="Close"></OBJECT> 

<input type=button value=最小化 οnclick=hh1.Click()> 
<input type=button value=最大化 οnclick=hh2.Click()> 
<input type=button value=關閉 οnclick=hh3.Click()> 
本例適用於IE



記錄並顯示網頁的最後修改時間

<script language=JavaScript>  
document.write("最後更新時間: " + document.lastModified + "")  
</script> 



2秒後關閉當前頁

<script language="JavaScript"> 
<!-- 
setTimeout("window.close();",2000); 
--> 
</script>


2秒後載入指定網頁

<head> 
<meta http-equiv="refresh" content="2;URL=http://你的網址"> 
</head> 


新增到收藏夾

<Script Language="JavaScript"> 
function bookmarkit() 
{ 
　window.external.addFavorite("http://你的網址","你的網站名稱") 
} 
　if (document.all)document.write("<a href="#" onClick="bookmarkit()">加入收藏夾</a>") 
</Script>



禁止滑鼠右鍵的動作

<Script Language = "JavaScript"> 
function click() { if (event.button==2||event.button==3) 
{ 
　alert("禁止滑鼠右鍵"); 
} 
   document.οnmοusedοwn=click // --> 
</Script>



或

<script language="JavaScript"> 
function click() { if (event.button==2) 
{alert("*^_^*"); } } document.οnmοusedοwn=click // --> 
</script>


設定該頁為首頁

<body bgcolor="#FFFFFF" text="#000000"> 
<a class="chlnk" style="cursor:hand" HREF  onClick="this.style.behavior="url(#default#homepage)";  this.setHomePage("你的網站名稱);"><font color="000000" size="2" face="宋體">設為首頁</font></a> 
</body> 



節日倒數計時

<Script Language="JavaScript"> 
　　var timedate= new Date("October 1,2002"); 
　　var times="國慶節"; 
　　var now = new Date(); 
　　var date = timedate.getTime() - now.getTime(); 
　　var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
　　if (time >= 0) 
　　document.write("現在離"+times+"還有: "+time +"天")
</Script> 



單擊按鈕列印出當前頁

<Script Language="JavaScript"> 
　　if (window.print) { 
　　document.write("<form>" 
　　+ "<input type=button name=print value="列印本頁" " 
　　+ "onClick="javascript:window.print()"></form>"); 
　　} 
</Script> 


單擊按鈕‘另存為’當前頁

<input type="button" name="Button" value="儲存本頁"  onClick="document.all.button.ExecWB(4,1)"> 
<object id="button"  width=0  height=0  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
<embed width="0" height="0"></embed> 
</object> 


顯示系統當前日期

<script language=JavaScript> 
　　today=new Date(); 
　　function date(){ 
　　this.length=date.arguments.length 
　　for(var i=0;i<this.length;i++) 
　　this[i+1]=date.arguments } 
　　var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
　　document.write( 
　　"<font color=##000000 style="font-size:9pt;font-family: 宋體"> ", 
　　today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 
　　d[today.getDay()+1],"</font>" ); 
</script> 

不同時間段顯示不同問候語

<Script Language="JavaScript"> 
var text=""; day = new Date( ); time = day.getHours( ); 
　　if (( time>=0) && (time < 7 )) 
　　　　text="夜貓子，要注意身體哦！ " 
　　if (( time >= 7 ) && (time < 12)) 
　　　　text="今天的陽光真燦爛啊，你那個朋友呢？" 
　　if (( time >= 12) && (time < 14)) 
　　　　text="午休時間。您要保持睡眠哦！" 
　　if (( time >=14) && (time < 18)) 
　　　　text="祝您下午工作愉快！ " 
　　if ((time >= 18) && (time <= 22)) 
　　　　text="您又來了，可別和MM聊太久哦！" 
　　if ((time >= 22) && (time < 24)) 
　　　　text="您應該休息了！" 
　　document.write(text) 
</Script> 

水中倒影效果
<img id="reflect" src="你自己的圖片檔名" width="175" height="59"> 
　　<script language="JavaScript"> 
　　function f1() 
　　{ 
　　　　setInterval("mdiv.filters.wave.phase+=10",100); 
　　} 
　　if (document.all) 
　　{ 
　　　　document.write("<img id=mdiv src=""+document.all.reflect.src+"" 
　　　　style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">") 
　　　　window.οnlοad=f1 
　　} 
</script> 

慢慢變大的視窗
<Script Language="JavaScript"> 
　　<!-- 
　　var Windowsheight=100 
　　var Windowswidth=100 
　　var numx=5 
　　function openwindow(thelocation){ 
　　temploc=thelocation&, amp;, nbsp;
　　if 
　　(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) 
　　{ 
　　　　window.open(thelocation) 
　　　　return 
　　} 
　　windowsize=window.open("","","scrollbars") 
　　windowsize.moveTo(0,0) 
　　windowsize.resizeTo(100,100) 
　　tenumxt() 
　　} 
　　function tenumxt(){ 
　　if (Windowsheight>=screen.availHeight-3) 
　　　　numx=0 
　　windowsize.resizeBy(5,numx) 
　　Windowsheight+=5 
　　Windowswidth+=5 
　　if (Windowswidth>=screen.width-5) 
　　{ 
　　　　windowsize.location=temploc 
　　　　Windowsheight=100 
　　　　Windowswidth=100 
　　　　numx=5 
　　　　return 
　　} 
　　setTimeout("tenumxt()",50) 
　　} 
　　//--> 
</script> 
<a href="javascript:openwindow("http://www.ccjol.com")">進入</a>


滑鼠指向時彈出資訊框
在<body></body>之間加上如下程式碼：
<a href οnmοuseοver="alert("彈出資訊！")">顯示的連結文字</a> 


隨機變換背景圖象（一個可以重新整理心情的特效）
在<head></head>之間加上如下程式碼： 
<Script Language="JavaScript"> 
　　image = new Array(4); //定義image為圖片數量的陣列 
　　image [0] = "tu0.gif" //背景圖象的路徑 
　　image [1] = "tu1.gif" 
　　image [2] = "tu2.gif" 
　　image [3] = "tu3.gif" 
　　image [4] = "tu4.gif" 
　　number = Math.floor(Math.random() * image.length); 
　　document.write("<BODY BACKGROUND="+image[number]+">"); 
</Script> 

滑鼠一碰就給顏色看的連結
在<body></body>之間加上如下程式碼： 
<p onMouseMove="anniu()">你敢碰我，我就給點顏色你看！</p> 
<Script Language = "VBScript"> 
　　sub anniu 
　　document.fgColor=int(256*256*256*rnd) 
　　end sub 
</Script> 

從天而降並有幻影效果的視窗

　　<head> 
　　<Script language="JavaScript"> 
　　function move(x) { 
　　if(self.moveBy){ 
　　self.moveBy (0,-800); 
　　for(i = x; i > 0; i--) 
　　{ 
　　self.moveBy(0,3); 
　　} 
　　for(j = 200; j > 0; j--){ //如果你認為視窗抖動厲害，就200換成個位數 
　　self.moveBy(0,j); 
　　self.moveBy(j,0); 
　　self.moveBy(0,-j); 
　　self.moveBy(-j,0); 
　　} 
　　} 
　　} 
　　</Scrip> 
　　<body bgColor=#ffffff οnlοad=move(280)> 
　　</body> 
　　</head> 

表格的半透明顯示效果
在<head></head>之間加上如下程式碼： 
<style> 
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 
</style> 

在<body></body>之間加上如下程式碼： 
<table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" > 
　<tr> 
　　<td width="100%" height="62"> 
　　<div align="center">很酷吧!</div> 
　　</td> 
　</tr> 
</table>


鎖定狀態列文字防止顯示地址
<body οnmοuseοver="self.status="文字";return true">


禁止圖片下載
在<body......>這裡的最後加入：
οncοntextmenu="return false" οndragstart="return false" onselectstart="return false" scroll="auto"

禁止快取
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 
加在HEAD裡

使用包含頁面
加密所包含頁面地址，使用工具 htmlguardian5.3.5
目前功能最強的html程式碼加密軟體,可以保護連線和html程式碼被盜。1.鎖右鍵。2.禁滑鼠圈選。3.不允許離線使用。4.密碼保護。5.不顯示狀態列url地址。6.全程式碼 或 區域性程式碼保護。7.連結跟蹤。8.禁止列印(IE5+)。9.壓縮程式碼( 未加密前)。10.可加密*.html *.js *.asp *.vbs。11.兩種不同加密演算法。12.加密 frameset 結構。13.某些功能支援幾個不同版本的瀏覽器。
　


下載flash我的三種方法：
--檢視原始檔，找出flash的絕對路徑，複製，在flashget（或螞蟻）中點任務
，然後點新建下載任務即可。
--在IE的臨時資料夾Temporary Internet Files裡把所有的東西都刪掉，然後

重新整理你想要下載flash的網頁，即可得到你所要的flash
--使用外部軟體，推薦使用Flash Catcher,安裝後只需在你所要下載的flash上右鍵，save即可。


讓IFRAME框架內的文件的背景透明
<iframe src="about:<body style="background:transparent">" allowtransparency></iframe>



進入頁面後立即自動重新整理？
<meta http-equiv="refresh" content="120;url=http://www.wodutom.com/cn083">
http://www.wodutom.com/cn083,這是你自己的網址。

開啟視窗即最大化
<script language="JavaScript"> 
<!-- Begin 
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End --> 
</script>

能隱藏IFRAME的滾動條嗎？我知道的三種方法:
1. 設定iframe scrolling="no"
2. 被包含頁body應用overflow:hidden
3. 被包含頁的body標籤加scroll="no"

加入背景音樂

<bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE

<embed src="music.mid" autostart="true" loop="true" hidden="true"> 

對Netscape ,IE 都適用


嵌入網頁

<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>



跳轉

<meta http-equiv="refresh" content="3;URL=list.htm">


滾動

<MARQUEE direction=up height=146 οnmοuseοut=start() οnmοuseοver=stop() scrollAmount=4>
</marquee>


細線分隔線

<hr noshade size=0 color=#C0C0C0>



過度方式

<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值為網頁動態過渡的時間，單位為秒。
Transition是過渡方式，它的值為0到23，分別對應24種過渡方式。如下表：
0 盒狀收縮 1 盒狀放射
2 圓形收縮 3 圓形放射
4 由下往上 5 由上往下
6 從左至右 7 從右至左
8 垂直百葉窗 9 水平百葉窗
10 水平格狀百葉窗 11垂直格狀百葉窗
12 隨意溶解 13從左右兩端向中間展開
14從中間向左右兩端展開 15從上下兩端向中間展開
16從中間向上下兩端展開 17 從右上角向左下角展開
18 從右下角向左上角展開 19 從左上角向右下角展開
20 從左下角向右上角展開 21 水平線狀展開
22 垂直線狀展開 23 隨機產生一種過渡方式



如何控制橫向和縱向滾動條的顯隱？

<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯


定義本網頁關鍵字，可以在<Head></Head>中加入如下程式碼：

<meta name="Keywords" content="china,enterprise,business,net"> 　　 
Content 中所包含的就是關鍵字,你可以自行設定。 　　
這裡有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如：

<meta name="Keywords" content="china,china,china,china"> 

IE5.0 的部分快捷鍵：

A:開啟查詢功能：Ctrl+F 
關閉瀏覽器視窗：Ctrl+W 
開啟位址列下拉選單框：F4 
刷 新：F5 
將當前Web頁儲存到收藏夾列表：Ctrl+D 
開啟當前 IE 視窗的一個拷貝：Ctrl+N 
停止下載當前網頁：Esc 
游標迅速移動到網頁的開頭：Home 
游標迅速移動到網頁的尾部：End 
開啟新的地址鍵入視窗：Ctrl+O 
開啟收藏夾：Ctrl+I 
開啟歷史記錄資料夾：Ctrl+H 
開啟瀏覽器設定的預設主頁：Alt+HOME 



新增到收藏夾：

<a href="javascript:window.external.addFavorite("http://連結","說明");">新增到收藏夾</a>
 

相關文章