HTML 代碼經常使用技巧

時間 2019-11-09
標籤 html 代碼經常使用技巧欄目 HTML 简体版
原文原文鏈接
IE Javascript快捷鍵操做 
1. oncontextmenu="window.event.returnValue=false" 將完全屏蔽鼠標右鍵 
<table border oncontextmenu=return(false)><td>no</table> 可用於Table 
2. <body onselectstart="return false"> 取消選取、防止複製 
3. onpaste="return false" 不許粘貼 
4. oncopy="return false;" oncut="return false;" 防止複製 
5. <link rel="Shortcut Icon" href=../../../"favicon.ico"> IE地址欄前換成本身的圖標 
6. <link rel="Bookmark" href=../../../"favicon.ico"> 能夠在收藏夾中顯示出你的圖標 
7. <input style="ime-mode:disabled"> 關閉輸入法 
8. 永遠都會帶着框架 
<script language="javascript"><!-- 
if (window == top)top.location.href = "frames.htm"; //frames.htm爲框架網頁 
// --></script> 
9. 防止被人frame 
<SCRIPT LANGUAGE=javascript><!-- 
if (top.location != self.location)top.location=self.location; 
// --></SCRIPT> 
10. <noscript><iframe src=../../*.HTML></iframe></noscript> 網頁將不能被另存爲 
11. <input type=button value=查看網頁源代碼 
onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> 
12. 怎樣經過ASP的手段來檢查來訪者是否用了代理 
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then 
response.write "<font color=#FF0000>您經過了代理服務器，"& _ 
"真實的IP爲"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 
end if 
%> 
13. 取得控件的絕對位置 
//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> 
14. 光標是停在文本框文字的最後 
<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" onfocus="cc()"> 
15. 判斷上一頁的來源 
ASP: 
request.servervariables("HTTP_REFERER") 
javascript: 
document.referrer 
16. 最小化、最大化、關閉窗口 
<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=最小化 onclick=hh1.Click()> 
<input type=button value=最大化 onclick=hh2.Click()> 
<input type=button value=關閉 onclick=hh3.Click()> 
本例適用於IE 
17. 
<% 
'定義數據庫鏈接的一些常量 
Const adOpenForwardOnly = 0 '遊標只向前瀏覽記錄，不支持分頁、Recordset、BookMark 
Const adOpenKeyset = 1 '鍵集遊標，其餘用戶對記錄說作的修改將反映到記錄集中，但其餘用戶增長或刪除記錄不會反映到記錄集中。支持分頁、Recordset、BookMark 
Const adOpenDynamic = 2 '動態遊標功能最強，但耗資源也最多。用戶對記錄說作的修改，增長或刪除記錄都將反映到記錄集中。支持全功能瀏覽(ACCESS不支持)。 
Const adOpenStatic = 3 '靜態遊標，只是數據的一個快照，用戶對記錄說作的修改，增長或刪除記錄都不會反映到記錄集中。支持向前或向後移動 
Const adLockReadOnly = 1 '鎖定類型，默認的，只讀，不能做任何修改 
Const adLockPessimistic = 2 '當編輯時當即鎖定記錄，最安全的方式 
Const adLockOptimistic = 3 '只有在調用Update方法時才鎖定記錄集，而在此前的其餘操做仍可對當前記錄進行更改、插入和刪除等 
Const adLockBatchOptimistic = 4 '當編輯時記錄不會被鎖定，而更改、插入和刪除是在批處理方式下完成的 
Const adCmdText = &H0001 
Const adCmdTable = &H0002 
%> 
18. 網頁不會被緩存 
HTM網頁 
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
或者<META HTTP-EQUIV="expires" CONTENT="0"> 
ASP網頁 
Response.Expires = -1 
Response.ExpiresAbsolute = Now() - 1 
Response.cachecontrol = "no-cache" 
PHP網頁 
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 
header("Cache-Control: no-cache, must-revalidate"); 
header("Pragma: no-cache"); 

19. 檢查一段字符串是否全由數字組成 
<script language="javascript"><!-- 
function checkNum(str){return str.match(/\D/)==null} 
alert(checkNum("1232142141")) 
alert(checkNum("123214214a1")) 
// --></script> 
20. 得到一個窗口的大小 
document.body.clientWidth,document.body.clientHeight 
21. 怎麼判斷是不是字符 
if (/[^\x00-\xff]/g.test(s)) alert("含有漢字"); 
else alert("全是字符"); 
22.TEXTAREA自適應文字行數的多少 
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> 
</textarea> 
23. 日期減去天數等於第二個日期 
<script language=javascript> 
function cc(dd,dadd) 
{ 
//能夠加上錯誤處理 
var a = new Date(dd) 
a = a.valueOf() 
a = a - dadd * 24 * 60 * 60 * 1000 
a = new Date(a) 
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") 
} 
cc("12/23/2002",2) 
</script> 
24. 選擇了哪個Radio 
<HTML><script language="vbscript"> 
function checkme() 
for each ob in radio1 
if ob.checked then window.alert ob.value 
next 
end function 
</script><BODY> 
<INPUT name="radio1" type="radio" value="style" checked>Style 
<INPUT name="radio1" type="radio" value="barcode">Barcode 
<INPUT type="button" value="check" onclick="checkme()"> 
</BODY></HTML> 
25.得到本頁url的request.servervariables("")集合 
Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>" 
for each ob in Request.ServerVariables 
Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>" 
next 
Response.Write "</TABLE>" 

26. 
本機ip<%=request.servervariables("remote_addr")%> 
服務器名<%=Request.ServerVariables("SERVER_NAME")%> 
服務器IP<%=Request.ServerVariables("LOCAL_ADDR")%> 
服務器端口<%=Request.ServerVariables("SERVER_PORT")%> 
服務器時間<%=now%> 
IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%> 
腳本超時時間<%=Server.ScriptTimeout%> 
本文件路徑<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%> 
服務器CPU數量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%> 
服務器解譯引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %> 
服務器操做系統<%=Request.ServerVariables("OS")%> 

27.ENTER鍵可讓光標移到下一個輸入框 
<input onkeydown="if(event.keyCode==13)event.keyCode=9"> 

28. 檢測某個網站的連接速度： 
把以下代碼加入<body>區域中: 
<script language=javascript> 
tim=1 
setInterval("tim++",100) 
b=1 

var autourl=new Array() 
autourl[1]="www.njcatv.net" 
autourl[2]="javacool.3322.net" 
autourl[3]="www.sina.com.cn" 
autourl[4]="www.nuaa.edu.cn" 
autourl[5]="www.cctv.com" 

function butt(){ 
document.write("<form name=autof>") 
for(var i=1;i<autourl.length;i++) 
document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>") 
document.write("<input type=submit value=刷新></form>") 
} 
butt() 
function auto(url){ 
document.forms[0]["url"+b].value=url 
if(tim>200) 
{document.forms[0]["txt"+b].value="連接超時"} 
else 
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"} 
b++ 
} 
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('http://";+autourl[i]+"')>")} 
run()</script> 

29. 各類樣式的光標 
auto ：標準光標 
default ：標準箭頭 
hand ：手形光標 
wait ：等待光標 
text ：I形光標 
vertical-text ：水平I形光標 
no-drop ：不可拖動光標 
not-allowed ：無效光標 
help ：?幫助光標 
all-scroll ：三角方向標 
move ：移動標 
crosshair ：十字標 
e-resize 
n-resize 
nw-resize 
w-resize 
s-resize 
se-resize 
sw-resize