網頁經常使用代碼【最全的】

時間 2021-01-23

標籤 javascript css html java web sql 數據庫瀏覽器緩存服務器欄目 HTML 简体版

原文原文鏈接

一、數據庫鏈接。

ASP與Access數據庫鏈接：

<%@ language=VBscript%>
<%
dim conn,mdbfile
mdbfile=server.mappath("數據庫名稱.mdb")
set conn=server.createobject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};uid=admin;pwd=數據庫密碼;dbq="&mdbfile

ASP與SQL數據庫鏈接：

<%@ language=VBscript%>
<%
dim conn
set conn=server.createobject("ADODB.connection")
con.open "PROVIDER=SQLOLEDB;DATA SOURCE=SQL服務器名稱或IP地址;UID=sa;PWD=數據庫密碼;DATABASE=數據庫名稱
%>

DW中用字符串鏈接代碼：

"Driver={Microsoft Access Driver (*.mdb)};DBQ=數據庫的絕對路徑"

等作完後再打開數據庫服務器，把

"Driver={Microsoft Access Driver (*.mdb)};DBQ=數據庫的絕對路徑"

換成

"Provider=Microsoft.Jet.OLEDB.4.0;data source="& server.mappath("服務器根目錄下所在數據庫路徑")

並把本地服務器修改爲測試服務器

=============================================================================================================
經常使用SQL語句整理:

(1) 數據記錄篩選：

sql="select * from 數據表 where 字段名=字段值 order by 字段名 [desc]"

sql="select * from 數據表 where 字段名 like ''%字段值%'' order by 字段名 [desc]"

sql="select top 10 * from 數據表 where 字段名 order by 字段名 [desc]"

sql="select * from 數據表 where 字段名 in (''值1'',''值2'',''值3'')"

sql="select * from 數據表 where 字段名 between 值1 and 值2"

(2) 更新數據記錄：

sql="update 數據表 set 字段名=字段值 where 條件表達式"

sql="update 數據表 set 字段1=值1,字段2=值2 …… 字段n=值n where 條件表達式"

(3) 刪除數據記錄：

sql="delete from 數據表 where 條件表達式"

sql="delete from 數據表" (將數據表全部記錄刪除)

(4) 添加數據記錄：

sql="insert into 數據表 (字段1,字段2,字段3 …) values (值1,值2,值3 …)"

sql="insert into 目標數據表 select * from 源數據表" (把源數據表的記錄添加到目標數據表)

(5) 數據記錄統計函數：

AVG(字段名) 得出一個表格欄平均值

COUNT(*|字段名) 對數據行數的統計或對某一欄有值的數據行數統計
MAX(字段名) 取得一個表格欄最大的值
MIN(字段名) 取得一個表格欄最小的值
SUM(字段名) 把數據欄的值相加

引用以上函數的方法：

sql="select sum(字段名) as 別名 from 數據表 where 條件表達式"
set rs=conn.excute(sql)

用 rs("別名") 獲取統的計值，其它函數運用同上。

(5) 數據表的創建和刪除：

CREATE TABLE 數據表名稱(字段1 類型1(長度),字段2 類型2(長度) …… )

例：CREATE TABLE tab01(name varchar(50),datetime default now())

DROP TABLE 數據表名稱 (永久性刪除一個數據表)
=============================================================================================================

網頁防複製代碼

<SCRIPT LANGUAGE=javascript>
function click() {
alert('須要複製，請與站長聯繫！') }
function click1() {
if (event.button==2) {alert('須要複製，請與站長聯繫！') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('不當的拷貝將損害您的系統！') }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.
</SCRIPT>

=============================================================================================================改變IE地址欄的IE圖標
要先作一個16*16的icon（圖標文件），保存爲index.ico。把這個圖標文件上傳到根目錄下並在首頁＜head＞＜/head＞
之間加上以下代碼：

　　＜link REL = "Shortcut Icon" href="/index.ico"＞
=============================================================================================================贊成就提交，不一樣意就回到上一級頁面
<input class="button" type="submit" name="rulesubmit" value="同意" style="height: 23px">
<input class="button" type="button" name="return" value="不一樣意" style="height: 23px" onclick="javascript:history.go(-1);">
=============================================================================================================取出數據數裏的某個字段的全部的不重複的記錄！
select distinct(id) from aaa
=============================================================================================================放在inpu的style裏！

onmouseover="this.focus()" onfocus="this.select()"
=============================================================================================================
給TD加邊框：

style="border-left:1px #0D73D8 solid;border-top:1px #0D73D8 solid; border-right:1px #0D73D8 solid;border-bottom:1px #0D73D8 solid;"

給TD加距離

style="padding-left:3px;padding-top:3px;padding-right:3px;padding-bootum:3px;"
=============================================================================================================
上邊是判斷問一下是否要刪除。下面是一個連接傳值到角本里去!

<a href='javascript:del_class_1(<%=rssort("sortid")%>)'>
其實是寫一個是不要刪除的類
=============================================================================================================
網頁中顯示中文:

頁面定時轉向新的地址 :
<meta http-equiv="refresh" content="秒;URL=url">
=============================================================================================================
提交按鈕中加入連接:

提交按鈕做連接按鈕連接到另外一個頁面

<input type="button" value="跳轉" onclick="window.location.href='xxx.asp'">
=============================================================================================================
下拉菜單自動跳轉代碼:

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)" >
=============================================================================================================
定義網頁角本的語言設置

<%@ LANGUAGE=ScriptingLanguage %>

必須定義變量的語法

<%Option Explicit%>
=============================================================================================================
運行regsvr32 scrrun.dll便可。

刪除fso、regsvr32/u scrrun.dll
=============================================================================================================
放上去鼠標變成小手的代碼：
style="cursor: hand"

文本區域框英文自動換行代碼：
style="word-break:break-all"

如內容超出單元格，則隱藏
style="TABLE-LAYOUT: fixed"

讓彈出窗口老是在最上面:

<body onblur="this.focus();">
=============================================================================================================
不要滾動條

讓豎條沒有: <body style='overflow:scroll;overflow-y:hidden'> </body>
讓橫條沒有: <body style='overflow:scroll;overflow-x:hidden'> </body>
兩個都去掉： <body scroll="no"> </body>
=============================================================================================================
去掉圖片連接點擊後周圍的虛線

<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
=============================================================================================================
電子郵件處理提交表單

<form name="form1" method="post" action=" mailto:****@***.com" enctype="text/plain"> <input type=submit> </form>
=============================================================================================================
如何設定打開頁面的大小

<body onload="top.resizeTo(300,200);">
=============================================================================================================
在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<html><head> <STYLE> body {background-p_w_picpath:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>
=============================================================================================================
文本豎排方式

在連接中加上onfocus="this.blur()"
=============================================================================================================
網頁搜索關鍵字頭裏插入

<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
=============================================================================================================
收藏夾圖標

<body style="overflow-x:hidden;overflow-y:hidden">
=============================================================================================================
連接到:

response.redirect"login.asp"
location.href="xx.asp"

onClick="window.location='login.asp'"
onClick="window.open('')"
=============================================================================================================
取得IP:

userip = Request.ServerVariables("HTTP_X_FORWARDED_FOR")
If userip = "" Then userip = Request.ServerVariables("REMOTE_ADDR")

sql="update feedbak set hit=hit+1 where id="&request("id")
conn.execute(sql)
=============================================================================================================
CSS樣式:

a:link：表示已經連接；
a:hover：表示鼠標移上連接時；
a:active：表示連接激活時；
a:visited：表示己點擊過的連接。
=============================================================================================================
跳出對話框連接:

javascript:alert('lajflsjpjwg')
後退：javascript:history.back(1)
關閉窗口：javascript:window.close();
窗口還原
function restore(){
window.moveTo(8,8);
window.resizeTo(screen.width-24,screen.availHeight-24);
}

head區是指首頁HTML代碼的<head>和</head>之間的內容。
必須加入的標籤
=============================================================================================================
全部的javascript的調用盡可能採起外部調用:

<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
=============================================================================================================
flash透明:

在flash的源代碼中加上：<param name="wmode" value="transparent">
=============================================================================================================
表格透明:

style="FILTER: alpha(opacity=72)"
=============================================================================================================
禁止頁面正文選取 :

<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
=============================================================================================================
頁面定時刷新:

<meta http-equiv="Refresh" content="秒" >
=============================================================================================================
設爲首頁 :
<A href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">設爲首頁</A>

添加收藏 :
<A href="javascript:window.external.AddFavorite('url','title')">收藏本站</A>
=============================================================================================================
文字滾動:

插入邊框爲0的1行1列的表格，在表格中輸入文字，選中文字，
按ctrl+t輸入marquee direction="up", 回車便可讓文字在表格區域內向上滾動。
（right、down可用於讓文字或圖象向右及向下滾動，修改html原代碼還能夠獲得須要的滾動速度。
=============================================================================================================
表單驗正:

<SCRIPT language=javascript>
function checkform(theform){
if(theform.name.value==""){
alert("姓名不能爲空!");
theform.name.focus();
return false;
}
if(theform.tel.value==""){
alert("電話不能爲空!");
theform.tel.focus();
return false;
}
}
</SCRIPT>
=============================================================================================================
細線表格：

style="BORDER-COLLAPSE: collapse;"
=============================================================================================================
滾動條顏色代碼：

BODY{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;
SCROLLBAR-BASE-COLOR: #FFFFFF
}
=============================================================================================================
連續的英文或者一堆感嘆號!!!不會自動換行的問題：
只要在CSS中定義了以下句子，可保網頁不會再被撐開了

table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}

註釋一下：

1.第一條table{table-layout: fixed;}，此樣式可讓表格中有!!!(感嘆號)之類的字符時自動換行。

2.td{word-break: break-all}，通常用這句這OK了，但在有些特殊狀況下仍是會撐開，所以須要再加上後面一句{word-wrap:break-word;}就能夠解決。此樣式可讓表格中的一些連續的英文單詞自動換行。
=============================================================================================================
用marquee作的滾動字幕語法：

align=# | top | middle| bottom //對齊方式)
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動的方式
BGCOLOR=color//底色區域顏色
DIRECTION=DOWN | LEFT | RIGHT | UP //移動的方向
Loop=n //循環次數（默認是循環不止）
Scrolldelay=milliseconds//延時
height=# width=# //區域面積
hspace=# vspace=# //空白區域
scrollamount=# //移動的速度
〈marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5〉〈/marquee〉
=============================================================================================================
延遲跳轉:

< param name="wmode" value="opaque" >
=============================================================================================================
以圖片方式插視頻:

<IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320>
=============================================================================================================
定義鼠標:

body{cursor: url(cur.ani或cur);}
=============================================================================================================
示日期:

<script language="javascript">
</script>
=============================================================================================================
如何避免別人把你的網頁放在框架中 :

設置 GALLERYIMG屬性爲false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
=============================================================================================================
背景音樂:

<bgsound src=地址 loop="-1">
=============================================================================================================
水平線:

<hr width="長度" size="高度" color="顏色代碼" noshade> noshade爲有無陰影
=============================================================================================================
禁止鼠標右鍵:

在<body>標籤中加入 <body oncontextmenu="return false">
=============================================================================================================
狀態欄鏈接說明:

<A HREF="連接到某處" onmouseOver="window.status='鏈接說明';return true;" onMouseOut="window.status=' ';">某某連接</a>
=============================================================================================================
能夠選擇加入的標籤:

1.設定網頁的到期時間。一旦網頁過時，必須到服務器上從新調閱:
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止瀏覽器從本地機的緩存中調閱頁面內容:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用來防止別人在框架裏調用你的頁面:
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自動跳轉:
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">

5.網頁搜索機器人嚮導.用來告訴搜索機器人哪些頁面須要索引，哪些頁面不須要索引:

<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
=============================================================================================================
公司版權註釋:

網頁顯示字符集L
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

網頁製做者信息:
<META name="author" content=" [email]webmaster@maketown.com[/email]">

網站簡介:
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

搜索關鍵字:
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

網頁的css規範:
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規範)
=============================================================================================================
溢出欄的設制:

visible：超出的部分照樣顯示；
hidden：超出的部分隱藏；
scrool：無論有否超出，都顯示滾動條；
auto：有超出時纔出現滾動條；

onMouseOver：鼠標移到目標上；
onMouseUp：按下鼠標再放開左鍵時；
onMouseOut：鼠標移開時；
onMouseDown：按下鼠標時（不須要放開左鍵）；
onClink：點擊時；
onDblClick：雙擊時；
onLoad：載入網頁時；
onUnload：離開頁面時；
onResize：當瀏覽者改變瀏覽窗口的大小時；
onScroll：當瀏覽者拖動滾動條的時。
=============================================================================================================
圖片寬度:

MM_www_STRING ="driver={Microsoft access Driver (*.mdb)};dbq=" & server.mappath("../data/www.mdb")
=============================================================================================================
列表/菜單

onchange="location=this.options[this.selectedIndex].value"

reurl=server.htmlencode(request.ServerVariables("HTTP_REFERER"))
=============================================================================================================
CSS文字陰影（定義在<TD>中）

.abc{
FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋體"; FONT-SIZE: 9pt;COLOR: #ffffff;
}
=============================================================================================================
禁止圖片下載：

<A HREF="javascript:void(0)" onMouseover="alert('對不起,此圖片不能下載!')">
<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50"></A>
=============================================================================================================
從數據庫裏取出值把它們都放在一個字符串內!用逗號鏈接起來!

dim str
str=""
do while not rs.eof
if instr(str,rs(TypeID))=0 then
str=str&rs("typeid")&","
else
end if
'response.end
rs.movenext
loop
=============================================================================================================
去掉循環字符串最後一個逗號

str=left(str,len(str)-1)
=============================================================================================================
關閉輸入法 <input style="ime-mode:disabled">
=============================================================================================================
永遠都會帶着框架
<script language="JavaScript"></script>
=============================================================================================================
網頁將不能被另存爲
<noscript><iframe src=*.html></iframe></noscript>
=============================================================================================================
刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp?&areyou=刪除&page=1"">刪除</a>
=============================================================================================================
取得控件的絕對位置
//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"></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" onfocus="cc()">

=============================================================================================================
判斷上一頁的來源
javascript:
document.referrer
=============================================================================================================
屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"); //能夠換成ALT　CTRL
}
document.onkeydown=look;
</script>
=============================================================================================================
網頁不會被緩存
<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">
=============================================================================================================

怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

=============================================================================================================
.<div><span>&<layer>的區別？
<div>(division)用來定義大段的頁面元素，會產生轉行
<span>用來定義同一行內的元素，跟<div>的惟一區別是不產生轉行
<layer>是ns的標記，ie不支持，至關於<div>

=============================================================================================================不要滾動條? 讓豎條沒有: <body style="overflow:scroll;overflow-y:hidden"> </body> 讓橫條沒有: <body style="overflow:scroll;overflow-x:hidden"> </body> 兩個都去掉？更簡單了 <body scroll="no"> </body> ============================================================================================================= 在打開的子窗口刷新父窗口的代碼裏如何寫？ window.opener.location.reload() ============================================================================================================= 得到一個窗口的大小 document.body.clientWidth; document.body.clientHeight ============================================================================================================= 日期減去天數等於第二個日期 <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> ============================================================================================================= 選擇了哪個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> ============================================================================================================= 腳本永不出錯 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> ============================================================================================================= 頁面進入和退出的特效進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"> 推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間，以秒爲單位。transition表示使用哪一種特效，取值爲1-23: 　　0 矩形縮小　　1 矩形擴大　　2 圓形縮小　　3 圓形擴大　　4 下到上刷新　　5 上到下刷新　　6 左到右刷新　　7 右到左刷新　　8 豎百葉窗　　9 橫百葉窗　　10 錯位橫百葉窗　　11 錯位豎百葉窗　　12 點擴散　　13 左右到中間刷新　　14 中間到左右刷新　　15 中間到上下　　16 上下到中間　　17 右下到左上　　18 右上到左下　　19 左上到右下　　20 左下到右上　　21 橫條　　22 豎條　　23 以上22種隨機選擇一種