正文

html常用代碼大全-網頁代碼大全

5424

1.結構性定義

文件類別 HTML/HTML (放在檔案的開頭與結尾)

文件主題 TITLE/TITLE (一定放在「文頭」區塊內)

文頭 HEAD/HEAD (描述性資料,像是「主題」)

文體 BODY/BODY (文件本體)

(由瀏覽器控制的展現風味)

標題 H?/H? (從1到6,有六層選擇)

標題的對齊 H? ALIGN=LEFT|CENTER|RIGHT/H?

區分 DIV/DIV

區分的對齊 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV

引文區塊 BLOCKQUOTE/BLOCKQUOTE (一般會內縮)

強調 EM/EM (一般會以斜體展現)

特殊強調 STRONG/STRONG (一般會以加粗展現)

引文 CITE/CITE (一般會以斜體展現)

碼 CODE/CODE (展現原始碼之用)

樣本 SAMP/SAMP

鍵盤輸入 KBD/KBD

變數 VAR/VAR

定義 DFN/DFN (有的瀏覽器不提供)

地址 ADDRESS/ADDRESS

大字 BIG/BIG

小字 SMALL/SMALL

與外貌有關的標簽(作者自訂的表現方法)

加粗 B/B

斜體 I/I

底線 U/U (尚有的瀏覽器不提供)

刪除線 S/S (尚有的瀏覽器不提供)

下標 SUB/SUB

上標 SUP/SUP

碼字機體 TT/TT (用單空格字型展現)

預定格式 PRE/PRE (保存文件中空格的大小)

預定格式的寬度 PRE WIDTH=?/PRE(以字元計算)

向中就這樣看齊 CENTER/CENTER (文字與圖片都可以)

閃耀 BLINK/BLINK (有史以來最被嘲弄的標簽)

字體大小 FONT SIZE=?/FONT(從1到7)

變化字體大小 FONT SIZE=+|-?/FONT

基礎字體大小 BASEFONT SIZE=? (從1到7; 內定為3)

字體顏色 FONT COLOR=”#$$$$$$”/FONT

說明 !– *** — (瀏覽器不會展現)

!–改寫滾動條–

style type=”text/css”

body {

scrollbar-face-color: #330033;

scrollbar-shadow-color: #FFFFFF;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #330033;

scrollbar-arrow-color: #FFFFFF;

/style

!–改寫滾動條結束–

將上面的代碼放在葉子代碼的head/head之間,顏色可根據自己的需要改寫。

滾動條的代碼意思如下:

Scrollbar-Face-Color為滾動條表面顏色設定;

Scrollbar-Track-Color為滾動條底板顏色設定;

Scrollbar-Darkshadow為滾動條下邊和右邊邊沿顏色設定;

Scrollbar-Highlight-Color為滾動條上斜面和左斜面顏色設定;

Scrollbar-Shadow-Color為滾動條下斜面和右斜面顏色設定;

Scrollbar-3Dlight-Color為滾動條上邊和左邊的邊沿顏色設定;

Scrollbar-Arrow-Color為滾動條兩端箭頭顏色設定。

! 跑馬燈

marquee…/marquee普通捲動

marquee behavior=slide…/marquee滑動

marquee behavior=scroll…/marquee預設捲動

marquee behavior=alternate…/marquee來回捲動

marquee direction=down…/marquee向下捲動

marquee direction=up…/marquee向上捲動

marquee direction=right/marquee向右捲動

marquee direction=’left’/marquee向左捲動

marquee loop=2…/marquee捲動次數

marquee width=180…/marquee設定寬度

marquee height=30…/marquee設定高度

marquee bgcolor=FF0000…/marquee設定背景顏色

marquee scrollamount=30…/marquee設定捲動距離

marquee scrolldelay=300…/marquee設定捲動時間

1)貼圖:img src=”圖片地址”

2)加入連接:a href=”所要連接的有關地址”編輯上你想編輯的字/a

3)在新窗口打開連接:a href=”有關地址” target=”_blank”編輯上要編輯的字/a

4)移動字體(走馬燈):marquee編輯上你想編輯的字/marquee

5)字體加粗:b編輯上你想編輯的字/b

6)字體斜體:i編輯上你想編輯的字/i

7)字體下劃線: u編輯上你想編輯的字/u

8)字體刪除線: s編輯上你想編輯的字/s

9)字體加大: big編輯上你想編輯的字/big

10)字體控制大小:h1編輯上你想編輯的字/h1 (之中字體大小可從h1-h5,h1最重要,h5最小)

11)更改字體顏色:font color=”#value”編輯上你想編輯的字/font(之中value值在000000與ffffff(16位進制)之間

12)消除連接的下劃線:a href=”有關地址” style=”text-decoration:none”編輯上你想編輯的字/a

13)貼音樂:embed src=”音樂地址” width=”寬度” height=”高度” autostart=false

14)貼flash: embed src=”flash地址” width=”寬度” height=”高度”

15)貼影視文件:img dynsrc=”文件地址” width=”寬度” height=”高度” start=mouseover

16)換行:br

17)段落:p段落/p

18)原始文字樣式:pre正文/pre

19)換帖子背景:body background=”背景圖片地址”

20)特定帖子背景不隨滾動條滾動:body background=”背景圖片地址” body

bgproperties=fixed

21)專門定制帖子背景顏色:body bgcolor=”#value”(value值見10)

22)帖子背景音樂:bgsound=”背景音樂地址” loop=infinite

23)貼網頁:iframe. src=”有關地址” width=”寬度” height=”高度”/iframe

1、店鋪音樂代碼:音樂網址” loop=”-1″

2、圖片生產代碼:<img src=”這里放圖片地址”>

3、公告圖片代碼:<img border=”0″ src=”這里放圖片地址” />或<img src=”這里放圖片地址”/>

4、漂浮掛飾代碼:<img src=”這里放圖片地址” style=”left:20px; position: relative; top:0px” />

5、商品分類代碼:<img src=”這里放圖片地址”/>

6、字體大小代碼:<font size=”2″>這里放要處理的文字,可用3、4、5等設置大小</font>

7、字體顏色代碼:<font color=”red”>這里放要處理的文字,可以換成blue,yellow等</font>

8、文字鏈接代碼:<a href=”網頁地址”>鏈接的文字,在分類欄里用時鏈接的網頁地址一定縮短</a>

9、移動文字代碼:<marquee>從右到左移動的文字</marquee>

10、背景音樂代碼:<bgsound loop=”-1″ src=”這里放音樂地址”></bgsound>

11、圖片附加音樂代碼:<img border=0 src=”這里放圖片地址” dynsrc=”這里放音樂地址”>

12、浮動圖片代碼:<img alt=”1″ height=”150″ src=”這里放圖片地址”/>

公告圖片的代碼:公告掛飾:店鋪分類代碼:背景音樂代碼:換行代碼

計數器代碼顏色代碼:

1白色 #FFFFFF

2紅色#FF0000

3綠帽色#00FF00

4藍色#0000FF

5牡丹紅#FF00FF

6青色 #00FFFF

7黃色#FFFF00

8黑色#000000

9海藍#70DB93

10巧克力色#5C3317

11藍紫色 #9F5F9F

12黃銅色#B5A642

13亮金色#D9D919

14棕色#A67D3D

15青銅色 #8C7853

162號青銅色 #A67D3D

17士官服藍色 #5F9F9F

18冷銅色 #D98719

19銅色 #B87333

20珊瑚紅 #FF7F00

21紫藍色 #42426F

22深棕 #5C4033

23深綠 #2F4F2F

24深銅綠帽色 #4A766E

25深橄欖綠 #4F4F2F

26深蘭花色 #9932CD

27深紫色 #871F78

28深石板藍 #6B238E

29深鉛灰色 #2F4F4F

30深棕褐色 #97694F

32深綠松石色 #7093DB

33暗木色 #855E42

34淡灰色 #545454

35土灰玫瑰紅色 #856363

36長石色 #D19275

37火磚色#8E2323

38森林綠 #238E23

39金色 #CD7F32

40鮮黃色 #DBDB70

41灰色 #C0C0C0

42銅綠帽色 #527F76

43青黃色 #93DB70

44獵人綠 #215E21

45印度紅 #4E2F2F

46土黃色 #9F9F5F

47淺藍色 #C0D9D9

48淺灰色 #A8A8A8

49淺鋼藍色 #8F8FBD

59淺木色 #E9C2A6

60石灰綠帽色 #32CD32

61桔黃色 #E47833

62褐紅色 #8E236B

63中海藍色 #32CD99

64中藍色 #3232CD

65中森林綠 #6B8E23

66中鮮黃色 #EAEAAE

67中蘭花色 #9370DB

68中海綠帽色 #426F42

69中石板藍色 #7F00FF

70中春綠帽色 #7FFF00

71中綠松石色 #70DBDB

72中紫紅色 #DB7093

73中木色 #A68064

74深藏青色 #2F2F4F

75海軍藍 #23238E

76霓虹籃 #4D4DFF

77霓虹粉紅 #FF6EC7

78新深藏青色 #00009C

79新棕褐色 #EBC79E

80暗金黃色 #CFB53B

81橙色 #FF7F00

82橙紅色 #FF2400

83淡紫色 #DB70DB

84淺綠帽色 #8FBC8F

85粉紅色 #BC8F8F

86李子色 #EAADEA

87石英色 #D9D9F3

88艷藍色 #5959AB

89鮭魚色 #6F4242

90猩紅色 #BC1717

91海綠帽色 #238E68

92半甜巧克力色 #6B4226

93赭色 #8E6B23

94銀色 #E6E8FA

95天藍 #3299CC

96石板藍 #007FFF

97艷粉紅色 #FF1CAE

98春綠帽色 #00FF7F

99鋼藍色 #236B8E

100亮天藍色 #38B0DE

101棕褐色 #DB9370

102紫紅色 #D8BFD8

103石板藍色 #ADEAEA

104濃深棕色 #5C4033

105淡淺灰色 #CDCDCD

106紫羅蘭色 #4F2F4F

107紫羅蘭紅色 #CC3299

108麥黃色#D8D8BF

109黃綠帽色 #99CC32

簡單常用HTML代碼大全(改寫網頁必備)

網頁常用HTML代碼大全

超鏈接,用的最多:

點一下在目前頁打開網址

a href=”

效果:這是我的網址

點一下彈出網址

a href=”

br這種是向下一行,例如

歡迎光臨我的網址br渴望驚喜

演示效果就是:

歡迎光臨我的網址

渴望驚喜

p向下一大行,例如

歡迎光臨我的網址p渴望驚喜

演示效果就是:

歡迎光臨我的網址

渴望驚喜

b這是粗體字

例如 b 我的網址/ b

演示效果:我的網址

我的網址這是字體的顏色BLUE是藍,RED是紅

演示

忽視右鍵

body

body style=”overflow-y:hidden”

怎么樣幾秒后轉到其他頁面?

META.

點一下關閉窗口

a href=”javascript.:top.window.close();”點一下關閉窗口/a!

請問怎么樣去掉主頁右面的滾動條?

body scroll=”no”

body style=”overflow-y:hidden”

怎么樣做到讓一個網頁全自動關閉.

html

head

OBJECT id=closes type=”application/x-oleobject” classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″

param name=”Command” value=”Close”

/object

/head

body

這種窗口會在10秒過后全自動關閉,而且不會出現提示. /body

怎么樣在不刷新頁面的狀態下刷新css?

style

button{ color:#000000;}

/style

button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘點一下按鈕直接改寫style標簽里button選擇符使按鈕改為紅色/button

請問怎么樣讓網頁全自動刷新?

在head部記入META. 秒后全自動刷新,你可以更改為任意值。

怎么樣讓頁面全自動刷新?

途徑一,用refresh

HTML 代碼片段如下:

head

meta.

/head

5表示刷新時光

[Ctrl+A 全部選擇 提示:你可先改寫部分代碼,再按運行]

途徑二,使用setTimeout控制

img src=/logo.gif

script

function rl(){

document.location.reload()

setTimeout(rl,2000)

/script

怎么樣讓超鏈接沒有下劃線

在源代碼中的HEAD…/HEAD之間輸入如下代碼:

style. type=”text/css” !–

a { text-decoration: none}

— /style

請問怎么樣去掉IE的上下滾動條?

body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘

/body

什么樣才能把RealPlayer文件在網頁做一個試聽連接?

embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart=”false” c

怎么樣用html實現瀏覽器上后退按鈕的功能?

a href=”java script.:history.go(-1)”點一下后退/a

或者

script history.back() /script

請問怎么在網頁中變化鼠標的箭頭形狀?

HTML 代碼片段如下:

body

a href=”#” style=”cursor: auto;”auto/abr

a href=”#” style=”cursor: crosshair “crosshair /abr

a href=”#” style=”cursor: default “default /abr

a href=”#” style=”cursor: hand “hand /abr

a href=”#” style=”cursor: move “move /abr

a href=”#” style=”cursor: e-resize “e-resize /abr

a href=”#” style=”cursor: ne-resize “ne-resize /abr

a href=”#” style=”cursor: nw-resize”nw-resize/abr

a href=”#” style=”cursor: n-resize”n-resize/abr

a href=”#” style=”cursor: se-resize”se-resize/abr

a href=”#” style=”cursor: sw-resize”sw-resize/abr

a href=”#” style=”cursor: s-resize”s-resize/abr

a href=”#” style=”cursor: w-resize”w-resize/abr

a href=”#” style=”cursor: text”text/abr

a href=”#” style=”cursor: wait”wait/abr

a href=”#” style=”cursor: help”help/abr

/body

什么樣不使用頁面的緩存?即每一次打開頁面時不是調用緩存中的東西

META. =”

ragma” C

頁面打開時全自動彈出一個窗口的代碼怎么編輯?

HTML 代碼片段如下:

html

head

titleUntitled Document/title

meta.

script. language=”B style=”color:black;background-color:#A0FFFF”javascript/B”

function MM_openBrWindow(theURL,winName,features) { //v2.0

 window.open(theURL,winName,features);

/script

/head

body bgcolor=”#FFFFFF” text=”#000000″

/body

/html

怎么樣讓我的頁面出現一個會講話的小人?Merlin

HTML 代碼片段如下:

HTML

HEAD

TITLE默林/TITLE

META.

/HEAD

BODY

pOBJECT id=sims classid=CLSID

45FD31B-5C6E-11D1-9EC1-00C04FD7081F

 /OBJECT

 SCRIPT

var MerlinID;

var MerlinACS;

sims.Connected = true;

MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);

Merlin = sims.Characters.Character(MerlinID);

Merlin.Show();

Merlin.Play(“Surprised”);

Merlin.Speak(“各位好”);

Merlin.Play(“GestureLeft”);

Merlin.Think(“我是默林!”);

Merlin.Play(“

leased”);

Merlin.Think(“卡哇伊嗎?”);

Merlin.Play(“GestureDown”);

Merlin.Speak(“嘿嘿!”);

Merlin.Hide();

function LoadLocalAgent(CharID, CharACS){

LoadReq = sims.Characters.Load(CharID, CharACS);

return(true);

/SCRIPT

/p

p /p

p就這樣看此效果一定裝有office2000!!!/p

/BODY

/HTML

在頁面中怎么樣加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

HTML 代碼片段如下:

htmlhead

STYLE

body  {background-image:url(logo.gif);

background-repeat:no-repeat; background-position:center }

/STYLE

/head

body bgproperties=”fixed”

/body

/html

[Ctrl+A 全部選擇 提示:你可先改寫部分代碼,再按運行]

background-repeat:no-repeat; 是讓背景圖不占滿整個頁面

body bgproperties=”fixed” 是拉動scroll時背景圖不動

文本輸入框什么屬性能實現不可輸入?

HTML 代碼片段如下:

input type=”text” name=”textfield” disabled

或者

input type=”text” name=”textfield” readonly

怎么樣禁止自己的頁面在別人的框架里打開?

把以下代碼加至你的head區

script

if (window.top!=self){

window.top.location=self.location

/script

怎么樣實現首頁全屏幕展現?

HTML 代碼片段如下:

html

bodyscript. language=”B style=”color:black;background-color:#A0FFFF”javascript/B”

var coolw=642

var coolh=400

var coolhuang=window.open(“+”,

fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0″)

window.close()

/script/body/html

怎么樣監聽一個窗口被關閉了?

HTML 代碼片段如下:

body

怎么樣禁止Ctrl+N?

HTML 代碼片段如下:

body nkeydown=return(!(event.keyCode==78event.ctrlKey))

怎么樣把頁面加入玩家的收藏夾?

HTML 代碼片段如下:

a href=”B style=”color:black;background-color:#A0FFFF”javascript/B:window.external.AddFavorite(‘‘‘‘

怎么樣在我的頁面中加入背景音樂?

IE: bgsound src=”*.mid” loop=infinite

NS:embed src=”*.mid” autostart=true hidden=true loop=true

*.mid你的背景音樂的midi格式文件

關于頁面轉換效果

meta.

meta.

說明:Transition=23是隨機效果,另可以選0-22任一數字特定某個效果

怎么樣設定打開頁面的大小

HTML 代碼片段如下:

body !–(width,height)–

什么樣雙擊滾屏,單擊終止?

HTML 代碼片段如下:

html

head

title新網頁1/title

/head

body

script. language”B style=”color:black;background-color:#A0FFFF”javascript/B”

var currentpos,timer;

function initialize()

timer=setInterval(“scrollwindow()”,10);

function sc(){

clearInterval(timer);

function scrollwindow()

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

document.onmousedown=sc

document.ondblclick=initialize

/script

pa/ppa/ppa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppa/p

/body

/html

怎么樣讓body中的文字不被抽中?

HTML 代碼片段如下:

body aaa/body

怎么樣讓彈出的窗口不可以關閉?

在新開的窗口中加入如下代碼

body nunload=open(location.href)

/body

怎么樣讓瀏覽器在保存頁面時保存失敗?

HTML 代碼片段如下:

NOSCRIPT

B style=”color:black;background-color:#ffff66″IFRAME/B SRC=”*.html”

/B style=”color:black;background-color:#ffff66″IFRAME/B

/NOSCRIPT

表單中怎么樣用圖片按鈕實現 reset?

html

head

script

function aaa(){

document.forms[0].reset()

/script

/head

body

form

textarea rows=”2″ name=”S1″ cols=”20″/textarea

input type=”submit” values=”提交” name=”B1″

image src=”logo.gif” nclick=aaa()

/form

/body/html

進入網頁時彈出的消息對話聊天框

body

關閉窗口后彈出對話聊天框

body

告別提示

body nUnload= alert(“再見,感謝你的采訪!”)

只要你肯干,沒有什么不可以成功的.

1。忽視右鍵

  body ncontextmenu=”return false”

  body style=”overflow-y:hidden”

2。加入背景音樂

  IE:bgsound src=”*.mid” loop=infinite

  NS:embed src=”*.mid” autostart=true hidden=true loop=true

  /embed

  *.mid你的背景音樂的midi格式文件

3。簡單的window.open途徑

  a href=”#”

  nclick=”javascript:window.open(文件路徑/文件名,newwindow,

  toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

  width=400,height=300);”文字或圖片/a

參數解答:

  SCRIPT. LANGUAGE=”javascript” js腳本開始;

  window.open 彈出新窗口的命令;

文件路徑/文件名 彈出窗口的文件名;

  newwindow 彈出窗口的名字(不是文件名),非一定,可用空代替;

  width=400 窗口寬度;

  height=300 窗口高度;

  top=0 窗口距離屏幕上方的象素值;

  left=0 窗口距離屏幕左側的象素值;

  toolbar=no 是否展現工具欄,yes為展現;

  menubar,scrollbars 表示菜單欄和滾動欄。

  resizable=no 是否允許變化窗口大小,yes為允許;

  location=no 是否展現地址欄,yes為允許;

  status=no 是否展現情況欄內的消息(一般是文件已經打開),yes為允許;

  /SCRIPT js腳本結束

4。簡單的頁面加密

  script. LANGUAGE=”javascript”

  function loopy(){

var sWord =””;

while(sWord!=”login”){sWord=prompt(“請輸入你的登陸密碼”);}

alert(“登陸成功!”);

  loopy()

  /script

5。拉動頁面時背景圖不動

  style

  body{background-image:url(logo.gif);

  background-repeat:no-repeat;background-position:center}

  /style

6。讓瀏覽器在保存頁面時保存失敗

  NOSCRIPTiframe. src=”*.html”/iframe/NOSCRIPT

7。隨機代替圖片

  script

  document.write(img src=”img/+parseInt(Math.random()*(5))

  +.gif”height=”40″ width=”50″

  /script

圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定時關閉

先將如下代碼網頁文件的區:

  script. language=”javascript”

  function closeit() { setTimeout(“self.close()”,10000) //毫秒 }

  /script

之后跟著再在body標內加入如:body nload=”closeit()”

9。網頁全自動關閉

  html

  head

  object id=closes type=”application/x-oleobject”

  classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″

  param name=”Command” value=”Close”

  /object

  /head

  body nload=”window.setTimeout(closes.Click(),10000)”

這種窗口會在10秒過后全自動關閉,而且不會出現提示.

  /body

  /html

10。網頁全自動刷新

在head部記入

  META. “

之中20為20秒后全自動刷新,你可以更改為任意值。

11。網頁全自動轉頁

  META. =地址”

12。堅持layer在最前面,而不被Iframe、Object所覆蓋

在Layer中再插Iframe. 或 Object 設z-Index值

  div z-Index:2object xxx/object # 前面

  div z-Index:1object xxx/object # 后面

  div id=”Layer2″ style=”position:absolute; top:40;width:400px;

  height:95px;z-index:2″ height=100% width=100%

  iframe. width=0 height=0/iframe

  /div

  div id=”Layer1″ style=”position:absolute; top:50;width:200px;

  height:115px;z-index:1″

  iframe. height=100% width=100%/iframe

  /div

13。返回上一頁

  a href=javascript:history.back(1)『返回上一頁』/a

14。關閉窗口

  a href=javascript:self.close()『關閉窗口』/a

15。關于iframe的透視背景

  IFRAME. ID=”iFrame1″ SRC=”iframe.htm”

  allowTransparency=”true”

  style=”background-color: green”/IFRAME

16. ncontextmenu=”window.event.returnValue=false” 將徹底屏蔽鼠標右鍵

table border ncontextmenu=return(false)tdno/table 可用來Table

17. body nselectstart=”return false” 取消選取、以免復制

18.onpaste=”return false” 不準粘貼

19.oncopy=”return false;” ncut=”return false;” 以免復制

20. link rel=”Shortcut Icon” href=”favicon.ico” IE地址欄前換成自己的圖標

21. link rel=”Bookmark” href=”favicon.ico” 可以在收藏夾中展現出你的圖標

22. input style=”ime-mode:disabled” 關閉輸入法

23. 永遠都會帶著框架

script. language=”JavaScript”!–

if (window == top)top.location.href = “frames.htm”; //frames.htm為框架網頁

// –/script

24. 以免被人frame.

SCRIPT. LANGUAGE=JAVASCRIPT!–

if (top.location != self.location)top.location=self.location;

// –/SCRIPT

25. 網頁將不可以被另存為

noscriptiframe. src=*.html/iframe/noscript

26. 調查網頁源代碼

input type=button value=調查網頁源代碼

onclick=”window.location = “view-source:”+ “””

27.刪除時確認

a href=”javascript:if(confirm(“著實要刪除嗎?”))location=”boos.asp? areyou=刪除page=1″”刪除/a

28.屏蔽功能鍵Shift,Alt,Ctrl

script

function look(){

if(event.shiftKey)

alert(“禁止按Shift鍵!”); //可以換成ALT CTRL

document.onkeydown=look;

/script

29. 網頁不會被緩存

META. “

META. “

META. “

或者META. “

30.什么樣讓表單沒有凹凸感?

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

31.不要滾動條?

讓豎條沒有:

body style=”overflow:scroll;overflow-y:hidden”

/body

讓橫條沒有:

body style=”overflow:scroll;overflow-x:hidden”

/body

兩個都去掉?更簡單了

body scroll=”no”

/body

32.什么樣去掉圖片鏈接點一下后,圖片四周的虛線?

a href=”#” nFocus=”this.blur()”img src=”logo.jpg” border=0/a

33.電子郵件處理提交表單

form. name=”form1″ method=”post” action=”mailt****@***.com” enctype=”text/plain”

input type=submit

/form

34.在打開的子窗口刷新父窗口的代碼里怎么樣編輯?

window.opener.location.reload()

35.怎么樣設定打開頁面的大小

body nload=”top.resizeTo(300,200);”

打開頁面的地點body nload=”top.moveBy(300,200);”

36.在頁面中怎么樣加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

STYLE

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

/STYLE

37. 檢查一段字符串是否全由數字組成

script. language=”Javascript”!–

function checkNum(str){return str.match(//D/)==null}

alert(checkNum(“1232142141”))

alert(checkNum(“123214214a1”))

// –/script

38. 獲取一個窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert(“含有漢字”);

else alert(“全是字符”);

40.TEXTAREA自適應文字行數的多少

textarea rows=1 name=s1 cols=27 npropertychange=”this.style.posHeight=this.scrollHeight”

/textarea

41. 日期減去天數等于第二個日期

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

42. 選擇了哪一個Radio

HTMLscript. language=”vbscript”

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

/scriptBODY

INPUT name=”radio1″ type=”radio” value=”style” checkedStyle.

INPUT name=”radio1″ type=”radio” value=”barcode”Barcode

INPUT type=”button” value=”check” nclick=”checkme()”

/BODY/HTML

43.腳本永不出錯

SCRIPT. LANGUAGE=”JavaScript”

!– Hide function killErrors(){return true;} window.onerror = killErrors; // —

/SCRIPT

44.ENTER鍵可以讓光標移到下一個輸入框

input nkeydown=”if(event.keyCode==13)event.keyCode=9″

45. 檢測某個網址的鏈接速度:

把如下代碼加入body地區中:

script. language=Javascript

tim=1

setInterval(“tim++”,100)

b=1

var autourl=new Array()

autourl[1]=””

autourl[2]=”javacool.3322.net”

autourl[3]=””

autourl[4]=””

autourl[5]=””

function butt(){

document.write(“form. name=autof”)

for(var i=1;iautourl.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(tim200)

{document.forms[0][“txt”+b].value=”鏈接超時”}

else

{document.forms[0][“txt”+b].value=”時光”+tim/10+”秒”} b++ }

function run(){for(var i=1;iautourl.length;i++)document.write(“img src=+””)”)}

run()/script

46. 各種樣式的光標

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

47、禁止鼠標右鍵,把Demo的圖片全都設為表格的背景,表格的大小與圖片的大小一樣。這樣做就這樣看起來是一樣的,一般是以免鼠標經歷過圖片時會出現另存的按鈕。禁止鼠標右鍵的代碼很簡單:script. LANGUAGE=”JavaScript” function click() { if (event.button==2) {alert('呵呵,不好意思,你甭想使用右鍵安裝圖片:)'); } } document.onmousedown=click/script

1. 怎 樣 定 義 網 頁 語 言( 字 符 集)?

—-在 制 作 網 頁 過 程 中, 你 首 先 要 定 義 網 頁 語 言, 以 便 訪 問 者 瀏 覽 器 自 動 設 置 語 言, 而 我 們 用 所 見 即 所 得 的HTML 工 具 時, 都 沒 有 注 意 到 這 個 問 題, 因 為 它 是 默 認 設 置。 要 設 置 的 語 言 可 以 在HTML 代 碼 狀 態 下 找 到:

$#@60; meta ;

—-把charset=gb2312 改 換 成 其 它 語 言 代 碼 即 可, 比 如 英 文:charset=en.

2. 怎 樣 防 止 別 人 把 你 的 網 頁 放 到 框 架 里?

—-因 為 框 架(frame) 的 緣 故, 有 許 多 人 把 別 人 的 網 頁 放 置 到 自 己 的 框 架 里, 使 之 成 為 自 己 的 一 頁。 如 果你 要 防 止 別 人 這 樣 做, 可 以 加 入 下 列JavaScript 代 碼 即 可, 它 會 自 動 監 測, 然 后 跳 出 別 人 的 框 架。

$#@60; script language=”javascript” $#@62;

??if (self != top) { top.location = self.location; }

$#@60; /script $#@62;

3. 怎 樣 設 置 字 體?

—-在 制 作 網 頁 過 程 中, 大 家 都 喜 歡 使 用 漂 亮 的 字 體。 但 是, 如 果 訪 客 瀏 覽 器 沒 有 安 裝 同 樣 的 字 體, 就這樣看 到你 的 網 頁 會 是 很 普 通 的 字 體。 如 何 防 止 這 種 情 況 出 現 呢? 大 家 知 道 字 體 設 置 的 標 簽 是Font, 而 它 有 個 屬性 是Face, 該 屬 性 是 定 義 字 體 的, 你 可 以 這 樣 設 置:, 訪 客 的 瀏 覽 器 就 會 按 照Face 定 義 的 字 體 順 序 設 置 已 安裝 的 字 體。 目 前 動 態 主 頁 有 種 技 術, 可 以 把 字 體 信 息 用 向 量 格 式 存 儲, 然 后 利 用 訪 客 本 身 機 器 含 有 的 公共 信 息 庫 把 字 體 快 速 的 組 裝 起 來, 這 樣, 就 不 用 擔 心 訪 客 是 否 安 裝 有 某 種 字 體 了。

4. 怎 樣 在 網 頁 中 加 入 注 釋?

—-在 共 同 開 發 網 頁 中, 加 入 注 釋 是 防 止 分 工 被 搞 混 淆 或 者 注 釋 某 段 代 碼 特 殊 的 含 加 入 注 釋 的 格 式 是:

$#@60; ! - - Microsoft FrontPage 3.0 - - $#@62;。

5. 怎 樣 測 試 瀏 覽 器 并 自 動 裝 入 所 需 要 的 網 頁?

—-目 前 微 軟 和 網 景 的 瀏 覽 器 并 不 能 完 全 兼 容 所 有 網 頁, 有 的 在 某 種 瀏 覽 器 里 非 常 漂 亮, 而 用 其 它 瀏 覽 器查 就這樣看 時 卻 一 團 糟。 如 果 你 需 要 測 試 瀏 覽 器, 可 以 加 入 以 下JavaScript 代 碼 并 保 存 單 獨 一 個 網 頁:

$#@60; script LANGUAGE=”JavaScript” $#@62;

function TestBrowser(){

ie = ((navigator.appName ==

“Microsoft Internet Explorer”) & &

(parseInt(navigator.appVersion) $#@62;= 3 ))

ns = ((navigator.appName == “Netscape”) & &

(parseInt(navigator.appVersion) $#@62;= 3 ))

if (ns) {

setTimeout(location.href=”nn4.htm”,10);

} else {

setTimeout(location.href=”ie4.htm”,10);

$#@60; /script $#@62;

實 例 請 參 考:

6. 怎 樣 讓 鏈 接 沒 有 下 劃 線?

—-只 要 在 加 入 以 下 代 碼, 所 有 鏈 接 就 都 沒 有 下 劃 線 了:

$#@60; style type=”text/css” $#@62;

$#@60; ! - -

A{text -transform: none;

text -decoration: none ;}

a:hover { text -decoration:underline }

- - $#@62;

$#@60; /style $#@62;

7. 怎 樣 在 網 頁 中 加 入E-mail 鏈 接 并 顯 示 預 定 的 主 題?

A HREF=mailto:lovett@163.net?subject=test

8. 怎 樣 讓 背 景 圖 像 不 滾 動?

—-Internet Explorer 瀏 覽 器 支 持 一 個Body 屬 性Bgproperties, 它 可 以 讓 背 景 不 滾 動。

$#@60; Body Background=”c98.gif” Bgproperties=”fixed” $#@62;

9. 怎 樣 評 定 網 頁 的 級 別?

—-在IE4.0 瀏 覽 器 中, 有 一 項 功 能 是 過 濾 網 站 的, 一 些 受 限 制 的 網 站 被 過 濾 掉, 而 該 網 站 必 須 被RSAC( 美 國娛 樂 委 員 會) 評 定 了 級 別IE4.0 才 能 過 濾, 如 果 你 要 評 級 可 以 在 網 頁 中 加 入 以 下 代 碼:

$#@60; meta “????

content=(PICS -1.1 “”

??l gen true comment “RSACi North America Server”

??for “”

??on “1998.11.26GMT08:15 ?0500”

??r (n 0 s 0 v 0 l 0))$#@62;

10. 怎 樣 定 義 本 網 頁 的 關 鍵 字?

—-在 網 頁 中 加 入 關 鍵 字, 可 以 供 某 些 搜 索 站 臺 機 器 人 的 使 用, 它 們 會 利 用 該 關 鍵 字 為 你 的 網 站 做 索 引, 這樣, 當 別 人 用 關 鍵 字 搜 索 網 站 時, 如 果 你 的 網 頁 包 含 該 關 鍵 字, 那 么 就 可 以 被 列 出 了, 定 義 本 網 頁 關 鍵 字, 可 以 加 入 以 下 代 碼:

—-$#@60; meta name=”Keywords” content=”china,enterprise,business,net” $#@62;

—-Content 所 包 含 的 就 是 關 鍵 字, 你 可 以 自 行 設 置。

—-這 里 有 個 技 巧, 你 可 以 重 復 某 一 個 單 詞, 這 樣 可 以 提 高 自 己 網 站 的 排 行 位 置, 如:

—-$#@60; meta name=”Keywords” CONTENT=”china,china,china,china” $#@62;

11. 怎 樣 鏈 接 本 網 頁 的 對 象?

—-有 時 鏈 接 發 生 在 一 個 網 頁 里, 比 如 頁 面 上 半 部 分 列 出 了 目 錄, 下 部 分 就 列 出 了 內 容, 而 單 擊 目 錄 任 何 一個 項 目 都 可 以 跳 到 指 定 部 分, 可 以 在 要 被 鏈 接 的 內 容 部 分 設 置 如 下 方 式:

$#@60; A NAME=” #t1″ $#@62;$#@60; /A $#@62;

而 要 鏈 接 到 以 上 設 置 的 部 分, 可 以 如 下 編 制:

$#@60; A HREF=”index.htm #t1″ $#@62;t1$#@60; /A $#@62;

12. 怎 樣 為 不 支 持 框 架 結 構 的 瀏 覽 器 指 定 內 容?

—-為 了 防 止 不 支 持 框 架 結 構 的 瀏 覽 器 訪 問 你 的 網 頁, 可 以 在 你 的 網 頁 中 加 入 以 下 內 容:

$#@60; body $#@62;

$#@60; noframes $#@62;

本 網 頁 是 框 架 結 構, 請 下 載 新 的 瀏 覽 器 瀏 覽

$#@60; /noframes $#@62;

$#@60; /body $#@62;

13. 怎 樣 刪 除 表 格 邊 框?

—-有 時 需 要 刪 除 表 格 的 邊 框, 你 可 以 把Border 設 置 為 如 下 代 碼:

$#@60; body $#@62;

$#@60; table border=”0″ width=”100 %” $#@62;

$#@60; tr $#@62;

$#@60; td width=”100 %” $#@62;$#@60; /td $#@62;

$#@60; /tr $#@62;

$#@60; /table $#@62;

$#@60; /body $#@62;

14. 怎 樣 隱 藏 在 狀 態 欄 里 出 現 的LINK 信 息?

—-大 家 知 道, 當 你 指 向 一 個 鏈 接 時, 該 鏈 接 的 信 息 會 出 現 在 瀏 覽 器 狀 態 欄 里, 如 果 需 要 隱 藏 信 息, 可 以 如 下設 置:

$#@60; a href=” ;

return true” $#@62;test$#@60; /a $#@62;

15. 怎 樣 在 網 頁 中 加 入 多 媒 體 文 件?

—-有 些 多 媒 體 文 件 無 需 其 他 程 序 就 可 以 播 放, 而 有 許 多 多 媒 體 文 件 需 要 外 部 程 序 的 幫 助, 當 瀏 覽 器 下 載不 支 持 的 格 式 時 會 調 用 外 部 程 序。 如 果 瀏 覽 器 沒 有 安 裝 這 種 外 部 程 序, 那 么 瀏 覽 器 會 自 動 去 下 載; 如 果你 需 要 加 入 多 媒 體 格 式, 可 設 置 如 下 代 碼:

$#@60; EMBED SRC=”tt.ram” AUTOSTART=”TRUE” LOOP=”2″ WIDTH=”80″ HEIGHT=”30″ $#@62;

—-對 于 不 支 持EMBED 標 簽 的 瀏 覽 器, 可 以 改 用 標 簽。

16. 怎 樣 在 網 頁 中 加 入 電 子 郵 件 表 單 提 交?

—-表 單 提 交 需 要CGI 程 序 的 支 持, 但 你 也 可 以 利 用E ?mail 提 交, 當 你 設 計 好 表 單 后, 把Action 內 容 加 入 郵 件地 址 即 可, 如 下:

form method=”POST” action=”mailto:lovett@163.net” ENCTYPE=”text/plain”$#@62;

17. 怎 樣 隱 藏 熱 訊 分 析 的 圖 標?

—-熱 訊 分 析 是 許 多 網 友 使 用 的 服 務, 它 能 幫 助 你 分 析 網 站 的 流 量, 如 果 你 想 隱 藏 該 服 務 圖 標, 可 以 把 服 務代 碼 中 的 width=88 height=31 都 改 為1 即 可。

18. 怎 樣 在 網 頁 中 加 入 最 后 修 改 日 期?

—-在 中 加 入 以 下 代 碼 即 可:

$#@60; Script Language=”Java Script” $#@62;

document.write

(” 最 后 修 改 日 期” +document.lastModified);

$#@60; /Script $#@62;