html頁面中常用的一些小方法整理精選 - 網頁設計百科知識

html頁面中常用的小方法有哪些？就跟隨本站小編一起去了解下吧，想了解更多相關信息請持續關注我們應屆畢業生考試網!

　　在<Head>標籤中加

如何用JQuery的ajax跳轉，可以這樣清理

　　//ajax請求不緩存

$Setup({ cache: false

});

MaintainScrollPositionOnPostback="true"

　　如內容超出單元格，則隱藏

style="TABLE-LAYOUT: fixed"

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

不要滾動條? 讓豎條沒有: <body style='overflow:scroll;overflow-y:hidden'> </body>

讓橫條沒有: <body style='overflow:scroll;overflow-x:hidden'> </body>

兩個都去掉？更簡單了 <body scroll="no"> </body>

怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？ <a href="#" onFocus="()"><img src="logo.jpg" border=0></a>

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

　　<input type=submit> </form>

在打開的子窗口刷新父窗口的代碼裏如何寫？ ad()

如何設定打開頁面的大小 <body onload="zeTo(300,200);">

在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動 <html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>

　　各種樣式的光標 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

本機ip<%=ervariables("remote_addr")%>

服務器名<%=erVariables("SERVER_NAME")%>

服務器IP<%=erVariables("LOCAL_ADDR")%>

服務器端口<%=erVariables("SERVER_PORT")%>

服務器時間<%=now%> IIS

版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>

腳本超時時間<%=Server.ScriptTimeout%>

本文件路徑<%=server.mappath(erVariables("SCRIPT_NAME"))%>

服務器CPU數量<%=erVariables("NUMBER_OF_PROCESSORS")%>

服務器解譯引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion

&"."& ScriptEngineBuildVersion %>

　　服務器操作系統<%=erVariables("OS")%>

　　文本豎排方式

<!--

ai {Writing-mode:tb-rl}

-->

</style>

超鏈接去虛線邊框

在鏈接中加上onfocus="()"

網頁搜索關鍵字頭裏插入

收藏夾圖標

我的電腦

file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D}

網上鄰居

file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D

我的文檔

file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D

控制面板

file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D%7D/::%7B21EC2020-3AEA-1069-A2DD-08002B30309D}

回收站

file:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D

鼠標控制圖片隱現效果

把如下代碼加入＜body＞區域中：

<!--

function makevisible(cur,which){

if (which==0)

ity=100

else

ity=20

}

//-->

</SCRIPT>

　　2、把如下代碼加入＜body＞區域中：

<img src="2.gif" style="filter:alpha(opacity=20)"

onMouseOver="makevisible(this,0)"

onMouseOut="makevisible(this,1)">

禁止圖片下載

頁嵌頁

隱藏滾動條

<body style="overflow-x:hidden;overflow-y:hidden"

CSS文字陰影（定義在<TD>中）

{

FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋體"; FONT-SIZE: 9pt;COLOR: #ffffff;

}

列表/菜單

onchange="location=ons[ctedIndex]e"

reurl=encode(erVariables("HTTP_REFERER"))

服務器上如何定義連接

MM_www_STRING ="driver={Microsoft access Driver (*)};dbq=" & server.mappath("../data/")

鏈接到

rect""

=""

onClick="tion=''"

onClick="('')"

取得IP

userip = erVariables("HTTP_X_FORWARDED_FOR")

If userip = "" Then userip = erVariables("REMOTE_ADDR")

sql="update feedbak set hit=hit+1 where id="&request("id")

ute(sql)

截取字符是否加...

function formatStr(str,len)

if(len(str)>len)

str = left(str,len) + "..."

end if

formatStr = str

end function

接收表單

If Ucase(erVariables("REQUEST_METHOD")) = "POST" then

end if

圖片寬度

<!--

var flag=false;

function DrawImage(ckp){

var image=new Image();

if(h>0 && ht>0)

{flag=true;

if(h>120){

h=120;

}else{

h=h;

}

=h+"×"+ht;

}

//-->

</script>

I'll be Back 22:18:06

<img src="<%=formPath%>/<%=rs("photoname")%>" border="0" onload="javascript:DrawImage(this);">

跳轉

溢出欄的設制

visible：超出的部分照樣顯示；

hidden：超出的部分隱藏；

scrool：不管有否超出，都顯示滾動條；

auto：有超出時纔出現滾動條；

onMouseOver：鼠標移到目標上；

onMouseUp：按下鼠標再放開左鍵時；

onMouseOut：鼠標移開時；

onMouseDown：按下鼠標時（不需要放開左鍵）；

onClink：點擊時；

onDblClick：雙擊時；

onLoad：載入網頁時；

onUnload：離開頁面時；

onResize：當瀏覽者改變瀏覽窗口的大小時；

onScroll：當瀏覽者拖動滾動條的時。

CSS樣式

a:link：表示已經鏈接；

a:hover：表示鼠標移上鍊接時；

a:active：表示鏈接激活時；

a:visited：表示己點擊過的鏈接。

跳出對話框鏈接

javascript:alert('lajflsjpjwg')

後退：javascript:(1)

關閉窗口：javascript:e();

窗口還原

function restore(){

To(8,8);

zeTo(h-24,lHeight-24);

}

head區是指首頁HTML代碼的<head>和</head>之間的內容。

必須加入的標籤

1.公司版權註釋

2.網頁顯示字符集

簡體中文：<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">

3.網頁製作者信息

4.網站簡介

5.搜索關鍵字

6.網頁的css規範

(參見目錄及命名規範)

7.網頁標題

<title>xxxxxxxxxxxxxxxxxx</title>

.可以選擇加入的標籤

1.設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。

2.禁止瀏覽器從本地機的緩存中調閱頁面內容。

3.用來防止別人在框架裏調用你的頁面。

4.自動跳轉。

5指時間停留5秒。

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

CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

6.收藏夾圖標

所有的javascript的調用盡量採取外部調用.

附<body>標籤：

<body>標籤不屬於head區，這裏強調一下，爲了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#FFFFFF">

flash透明

在flash的源代碼中加上：<param name="wmode" value="transparent">

表格透明

style="FILTER: alpha(opacity=72)"

網址前添加icon的方法

1、上上用他的icon editor online製作一個圖標。他會將做好的圖標通過email即時發送給你。

2、把這個命名爲的圖標放置在同一個文件夾中。就可以了。

作一個圖標文件，大小爲16*16像素。文件擴展名爲ico，然後上傳到相應目錄中。在HTML源文件“＜head＞＜/head＞”之間添加如下代碼：

＜Link Rel="SHORTCUT ICON" href="http://圖片的地址（注意與剛纔的目錄對應）"＞

其中的“SHORTCUT ICON”即爲該圖標的名稱。當然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網站根目錄下，自動識別

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

狀態欄連接說明

鏈接說明

禁止鼠標右鍵

在<body>標籤中加入 <body oncontextmenu="return false">

DW裏輸入空格

插入N個 

水平線

<hr width="長度" size="高度" color="顏色代碼" noshade> noshade爲有無陰影

表單電子郵件提交

< form name="content" method="post" action="mailto:電子郵箱" >< /form>

文本域名爲Subject 爲郵件的標題

郵件鏈接定製

Mailto:地址 ? Subject=郵件的標題 &bc=抄送 &bcc=密件抄送

背景音樂

禁止頁面正文選取

<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false"

onselect="y()" oncopy="y()" onbeforecopy="return false"onmouseup="y()">

消除ie6自動出現的圖像工具欄，設置 GALLERYIMG屬性爲false或no .

防止點擊空鏈接時，頁面往往重置到頁首端。

代碼“javascript:void(null)”代替原來的“#”標記

如何避免別人把你的網頁放在框架中

頁面定時刷新

頁面定時轉向新的地址

顯示日期

html頁面中常用的一些小方法整理

相關文章

熱門文章

精選推薦

猜你喜歡