html常用代碼大全

.結(jié)構(gòu)性定義

文件類型 <HTML></HTML> （放在檔案的開(kāi)頭與結(jié)尾）

文件主題 <TITLE></TITLE> （必須放在「文頭」區(qū)塊內(nèi)）

文頭 <HEAD></HEAD> （描述性資料，像是「主題」）

文體 <BODY></BODY> （文件本體）

（由瀏覽器控制的顯示風(fēng)格）

標(biāo)題 <H?></H?> （從1到6，有六層選擇）

標(biāo)題的對(duì)齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

區(qū)分 <DIV></DIV>

區(qū)分的對(duì)齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區(qū)塊 <BLOCKQUOTE></BLOCKQUOTE> （通常會(huì)內(nèi)縮）

強(qiáng)調(diào) <EM></EM> （通常會(huì)以斜體顯示）

特別強(qiáng)調(diào) <STRONG></STRONG> （通常會(huì)以加粗顯示）

引文 <CITE></CITE> （通常會(huì)以斜體顯示）

碼 <CODE></CODE> （顯示原始碼之用）

樣本 <SAMP></SAMP>

鍵盤輸入 <KBD></KBD>

變數(shù) <VAR></VAR>

定義 <DFN></DFN> （有些瀏覽器不提供）

地址 <ADDRESS></ADDRESS>

大字 <BIG></BIG>

小字 <SMALL></SMALL>

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗 <B></B>

斜體 <I></I>

底線 <U></U> （尚有些瀏覽器不提供）

刪除線 <S></S> （尚有些瀏覽器不提供）

下標(biāo) <SUB></SUB>

上標(biāo) <SUP></SUP>

打字機(jī)體 <TT></TT> （用單空格字型顯示）

預(yù)定格式 <PRE></PRE> （保留文件中空格的大小）

預(yù)定格式的寬度 <PRE WIDTH=?></PRE>（以字元計(jì)算）

向中看齊 <CENTER></CENTER> （文字與圖片都可以）

閃耀 <BLINK></BLINK> （有史以來(lái)最被嘲弄的標(biāo)簽）

字體大小 <FONT SIZE=?></FONT>（從1到7）

改變字體大小 <FONT SIZE=+|-?></FONT>

基本字體大小 <BASEFONT SIZE=?> （從1到7; 內(nèi)定為3）

字體顏色 <FONT COLOR="#$$$$$$"></FONT>

說(shuō)明  （瀏覽器不會(huì)顯示）

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>之間,顏色可根據(jù)自己的需要修改。

滾動(dòng)條的代碼意思如下：

Scrollbar-Face-Color為滾動(dòng)條表面顏色設(shè)定；

Scrollbar-Track-Color為滾動(dòng)條底板顏色設(shè)定；

Scrollbar-Darkshadow為滾動(dòng)條下邊和右邊邊沿顏色設(shè)定；

Scrollbar-Highlight-Color為滾動(dòng)條上斜面和左斜面顏色設(shè)定；

Scrollbar-Shadow-Color為滾動(dòng)條下斜面和右斜面顏色設(shè)定；

Scrollbar-3Dlight-Color為滾動(dòng)條上邊和左邊的邊沿顏色設(shè)定；

Scrollbar-Arrow-Color為滾動(dòng)條兩端箭頭顏色設(shè)定。

<!> 跑馬燈

<marquee>...</marquee>普通捲動(dòng)

<marquee behavior=slide>...</marquee>滑動(dòng)

<marquee behavior=scroll>...</marquee>預(yù)設(shè)捲動(dòng)

<marquee behavior=alternate>...</marquee>來(lái)回捲動(dòng)

<marquee direction=down>...</marquee>向下捲動(dòng)

<marquee direction=up>...</marquee>向上捲動(dòng)

<marquee direction=right></marquee>向右捲動(dòng)

<marquee direction=’left’></marquee>向左捲動(dòng)

<marquee loop=2>...</marquee>捲動(dòng)次數(shù)

<marquee width=180>...</marquee>設(shè)定寬度

<marquee height=30>...</marquee>設(shè)定高度

<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色

<marquee scrollamount=30>...</marquee>設(shè)定捲動(dòng)距離

<marquee scrolldelay=300>...</marquee>設(shè)定捲動(dòng)時(shí)間

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

3)在新窗口打開(kāi)連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

4)移動(dòng)字體(走馬燈)：<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位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂(lè)：<embed src="音樂(lè)地址" 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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body

bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見(jiàn)10)

22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址" loop=infinite>

23)貼網(wǎng)頁(yè)：<iframe. src="相關(guān)地址" width="寬度" height="高度"></iframe>

1、店鋪音樂(lè)代碼:音樂(lè)網(wǎng)址" 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等設(shè)置大小＜/font＞

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

8、文字鏈接代碼:＜a href="網(wǎng)頁(yè)地址"＞鏈接的文字，在分類欄里用時(shí)鏈接的網(wǎng)頁(yè)地址必須縮短＜/a＞

9、移動(dòng)文字代碼:＜marquee＞從右到左移動(dòng)的文字＜/marquee＞

10、背景音樂(lè)代碼：＜bgsound loop="-1" src="這里放音樂(lè)地址"＞＜/bgsound＞

11、圖片附加音樂(lè)代碼：＜img border=0 src="這里放圖片地址" dynsrc="這里放音樂(lè)地址"＞

12、浮動(dòng)圖片代碼:＜img alt="1" height="150" src="這里放圖片地址"/＞

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

計(jì)數(shù)器代碼顏色代碼：

1白色 #FFFFFF

2紅色#FF0000

3綠色#00FF00

4藍(lán)色#0000FF

5牡丹紅#FF00FF

6青色 #00FFFF

7黃色#FFFF00

8黑色#000000

9海藍(lán)#70DB93

10巧克力色#5C3317

11藍(lán)紫色 #9F5F9F

12黃銅色#B5A642

13亮金色#D9D919

14棕色#A67D3D

15青銅色 #8C7853

162號(hào)青銅色 #A67D3D

17士官服藍(lán)色 #5F9F9F

18冷銅色 #D98719

19銅色 #B87333

20珊瑚紅 #FF7F00

21紫藍(lán)色 #42426F

22深棕 #5C4033

23深綠 #2F4F2F

24深銅綠色 #4A766E

25深橄欖綠 #4F4F2F

26深蘭花色 #9932CD

27深紫色 #871F78

28深石板藍(lán) #6B238E

29深鉛灰色 #2F4F4F

30深棕褐色 #97694F

32深綠松石色 #7093DB

33暗木色 #855E42

34淡灰色 #545454

35土灰玫瑰紅色 #856363

36長(zhǎng)石色 #D19275

37火磚色#8E2323

38森林綠 #238E23

39金色 #CD7F32

40鮮黃色 #DBDB70

41灰色 #C0C0C0

42銅綠色 #527F76

43青黃色 #93DB70

44獵人綠 #215E21

45印度紅 #4E2F2F

46土黃色 #9F9F5F

47淺藍(lán)色 #C0D9D9

48淺灰色 #A8A8A8

49淺鋼藍(lán)色 #8F8FBD

59淺木色 #E9C2A6

60石灰綠色 #32CD32

61桔黃色 #E47833

62褐紅色 #8E236B

63中海藍(lán)色 #32CD99

64中藍(lán)色 #3232CD

65中森林綠 #6B8E23

66中鮮黃色 #EAEAAE

67中蘭花色 #9370DB

68中海綠色 #426F42

69中石板藍(lán)色 #7F00FF

70中春綠色 #7FFF00

71中綠松石色 #70DBDB

72中紫紅色 #DB7093

73中木色 #A68064

74深藏青色 #2F2F4F

75海軍藍(lán) #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艷藍(lán)色 #5959AB

89鮭魚(yú)色 #6F4242

90猩紅色 #BC1717

91海綠色 #238E68

92半甜巧克力色 #6B4226

93赭色 #8E6B23

94銀色 #E6E8FA

95天藍(lán) #3299CC

96石板藍(lán) #007FFF

97艷粉紅色 #FF1CAE

98春綠色 #00FF7F

99鋼藍(lán)色 #236B8E

100亮天藍(lán)色 #38B0DE

101棕褐色 #DB9370

102紫紅色 #D8BFD8

103石板藍(lán)色 #ADEAEA

104濃深棕色 #5C4033

105淡淺灰色 #CDCDCD

106紫羅蘭色 #4F2F4F

107紫羅蘭紅色 #CC3299

108麥黃色#D8D8BF

109黃綠色 #99CC32

簡(jiǎn)單常用HTML代碼大全（修改網(wǎng)頁(yè)必備）

網(wǎng)頁(yè)常用HTML代碼大全

超鏈接，用的最多：

點(diǎn)擊在當(dāng)前頁(yè)打開(kāi)網(wǎng)站

<a >這是我的網(wǎng)站</a>

效果：這是我的網(wǎng)站

點(diǎn)擊彈出網(wǎng)站

<a target="_blank">這是我的網(wǎng)站</a>

<br>這個(gè)是向下一行，比如

歡迎光臨我的網(wǎng)站<br>希望開(kāi)心

演示效果就是：

歡迎光臨我的網(wǎng)站

希望開(kāi)心

<p>向下一大行，比如

歡迎光臨我的網(wǎng)站<p>希望開(kāi)心

演示效果就是：

歡迎光臨我的網(wǎng)站

希望開(kāi)心

<b>這是粗體字

比如 <b >我的網(wǎng)站</ b>

演示效果：我的網(wǎng)站

我的網(wǎng)站這是字體的顏色BLUE是藍(lán)，RED是紅

演示

忽視右鍵

<body >

或

如何幾秒后轉(zhuǎn)到別的頁(yè)面？

<META. HTTP-EQUIV="Refresh" C>

點(diǎn)擊關(guān)閉窗口

<a href="javascript.:top.window.close();">點(diǎn)擊關(guān)閉窗口</a>！

請(qǐng)問(wèn)如何去掉主頁(yè)右面的滾動(dòng)條？

如何做到讓一個(gè)網(wǎng)頁(yè)自動(dòng)關(guān)閉.

<html>

<head>

</object>

</head>

<body >

這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示. </body>

如何在不刷新頁(yè)面的情況下刷新css?

<style>

button{ color:#000000;}

</style>

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點(diǎn)擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為紅色</button>

請(qǐng)問(wèn)如何讓網(wǎng)頁(yè)自動(dòng)刷新？

在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動(dòng)刷新，你可以更改為任意值。

如何讓頁(yè)面自動(dòng)刷新？

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時(shí)間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運(yùn)行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</script>

如何讓超鏈接沒(méi)有下劃線

在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：

a { text-decoration: none}

--> </style>

請(qǐng)問(wèn)如何去掉IE的上下滾動(dòng)條？

</body>

怎樣才能把RealPlayer文件在網(wǎng)頁(yè)做一個(gè)試聽(tīng)連接？

如何用html實(shí)現(xiàn)瀏覽器上后退按鈕的功能？

或者

請(qǐng)問(wèn)怎么在網(wǎng)頁(yè)中改變鼠標(biāo)的箭頭形狀？

HTML 代碼片段如下:

<body>

<a href="#" style="cursor: crosshair ">crosshair </a><br>

<a href="#" style="cursor: default ">default </a><br>

<a href="#" style="cursor: e-resize ">e-resize </a><br>

<a href="#" style="cursor: ne-resize ">ne-resize </a><br>

<a href="#" style="cursor: nw-resize">nw-resize</a><br>

<a href="#" style="cursor: n-resize">n-resize</a><br>

<a href="#" style="cursor: se-resize">se-resize</a><br>

<a href="#" style="cursor: sw-resize">sw-resize</a><br>

<a href="#" style="cursor: s-resize">s-resize</a><br>

<a href="#" style="cursor: w-resize">w-resize</a><br>

</body>

怎樣不使用頁(yè)面的緩存？即每一次打開(kāi)頁(yè)面時(shí)不是調(diào)用緩存中的東西

<META. HTTP-EQUIV="

ragma" C>

頁(yè)面打開(kāi)時(shí)自動(dòng)彈出一個(gè)窗口的代碼怎么寫？

HTML 代碼片段如下:

<html>

<head>

<title>Untitled Document</title>

<!--

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

　window.open(theURL,winName,features);

}

//-->

</script>

</head>

</body>

</html>

如何讓我的頁(yè)面出現(xiàn)一個(gè)會(huì)講話的小人？Merlin

HTML 代碼片段如下:

<HTML>

<HEAD>

<META. http-equiv=Content-Type c>

</HEAD>

<BODY>

<p><OBJECT id=sims classid=CLSID

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

　</OBJECT>

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("可愛(ài)嗎？");

Merlin.Play("GestureDown");

Merlin.Speak("哈哈！");

Merlin.Hide();

function LoadLocalAgent(CharID, CharACS){

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

return(true);

}

</SCRIPT>

</p>

<p>看此效果必須裝有office2000！！！</p>

</BODY>

</HTML>

在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

HTML 代碼片段如下:

<STYLE>

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

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

</STYLE>

</head>

</body>

</html>

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運(yùn)行]

background-repeat:no-repeat; 是讓背景圖不占滿整個(gè)頁(yè)面

body bgproperties="fixed" 是拉動(dòng)scroll時(shí)背景圖不動(dòng)

文本輸入框什么屬性能實(shí)現(xiàn)不可輸入？

HTML 代碼片段如下:

或者

如何禁止自己的頁(yè)面在別人的框架里打開(kāi)？

把以下代碼加至你的<head>區(qū)

if (window.top!=self){

window.top.location=self.location

}

</script>

如何實(shí)現(xiàn)首頁(yè)全屏幕顯示？

HTML 代碼片段如下:

<html>

<body><script. language="<B style="color:black;background-color:#A0FFFF">javascript</B>">

var coolw=642

var coolh=400

var coolhuang=window.open("http://www.51js.com","coolhuang","width="+coolw+",height="+coolh+",

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

window.close()

</script></body></html>

如何監(jiān)聽(tīng)一個(gè)窗口被關(guān)閉了？

HTML 代碼片段如下:

<body >

如何禁止Ctrl+N？

HTML 代碼片段如下:

如何把頁(yè)面加入用戶的收藏夾？

HTML 代碼片段如下:

<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.51js.com‘‘‘‘,‘‘‘‘無(wú)憂腳本‘‘‘‘)">收藏?zé)o憂腳本</a>

如何在我的頁(yè)面中加入背景音樂(lè)？

IE: <bgsound src="*.mid" loop=infinite>

NS:<embed src="*.mid" autostart=true hidden=true loop=true>

*.mid你的背景音樂(lè)的midi格式文件

關(guān)于頁(yè)面轉(zhuǎn)換效果

或

說(shuō)明：Transition=23是隨機(jī)效果，另可以選0-22任一數(shù)字固定某個(gè)效果

如何設(shè)定打開(kāi)頁(yè)面的大小

HTML 代碼片段如下:

怎樣雙擊滾屏，單擊停止？

HTML 代碼片段如下:

<html>

<head>

</head>

<body>

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>

</body>

</html>

如何讓body中的文字不被選中？

HTML 代碼片段如下:

如何讓彈出的窗口不能關(guān)閉？

在新開(kāi)的窗口中加入如下代碼

</body>

如何讓瀏覽器在保存頁(yè)面時(shí)保存失敗？

HTML 代碼片段如下:

<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">

</<B style="color:black;background-color:#ffff66">IFRAME</B>>

</NOSCRIPT>

表單中如何用圖片按鈕實(shí)現(xiàn) reset?

<html>

<head>

function aaa(){

document.forms[0].reset()

}

</script>

</head>

<body>

<form>

</form>

</body></html>

進(jìn)入網(wǎng)頁(yè)時(shí)彈出的信息對(duì)話框

<body >

關(guān)閉窗口后彈出對(duì)話框

<body >

告別提示

只要你肯干,沒(méi)有什么不能成功的.

1。忽視右鍵

或

2。加入背景音樂(lè)

　 IE:<bgsound src="*.mid" loop=infinite>

　 NS:<embed src="*.mid" autostart=true hidden=true loop=true>

　 </embed>

　 *.mid你的背景音樂(lè)的midi格式文件

3。簡(jiǎn)單的window.open方法

　 <a href="#"

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

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

　 width=400,height=300);">文字或圖片</a>

參數(shù)解釋：

　 <SCRIPT. LANGUAGE="javascript"> js腳本開(kāi)始；

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

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

　 newwindow 彈出窗口的名字（不是文件名），非必須，可用空代替；

　 width=400 窗口寬度；

　 height=300 窗口高度；

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

　 left=0 窗口距離屏幕左側(cè)的象素值；

　 toolbar=no 是否顯示工具欄，yes為顯示；

　 menubar，scrollbars 表示菜單欄和滾動(dòng)欄。

　 resizable=no 是否允許改變窗口大小，yes為允許；

　 location=no 是否顯示地址欄，yes為允許；

　 status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開(kāi)），yes為允許；

　 </SCRIPT> js腳本結(jié)束

4。簡(jiǎn)單的頁(yè)面加密

　 <script. LANGUAGE="javascript">

<!--

　 function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("請(qǐng)輸入你的登陸密碼");}

alert("登陸成功！");

　 }

　 loopy()

　 //-->

　 </script>

5。拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

　 <style>

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

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

　 </style>

6。讓瀏覽器在保存頁(yè)面時(shí)保存失敗

7。隨機(jī)替換圖片

　 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。窗口定時(shí)關(guān)閉

先將如下代碼網(wǎng)頁(yè)文件的區(qū)：

　 <script. language="javascript">

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

　 </script>

然后再在<body>標(biāo)內(nèi)加入如：<body nload="closeit()">

9。網(wǎng)頁(yè)自動(dòng)關(guān)閉

　 <html>

　 <head>

　 <object id=closes type="application/x-oleobject"

　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

　 </object>

　 </head>

這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.

　 </body>

　 </html>

10。網(wǎng)頁(yè)自動(dòng)刷新

在head部記入

　 <META. HTTP-EQUIV="Refresh" content="20">

其中20為20秒后自動(dòng)刷新，你可以更改為任意值。

11。網(wǎng)頁(yè)自動(dòng)轉(zhuǎn)頁(yè)

　 <META. HTTP-EQUIV="Refresh" CONTENT="時(shí)間(秒);URL=地址">

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

在Layer中再插Iframe. 或 Object 設(shè)z-Index值

　 <div z-Index:2><object xxx></object> ＃前面

　 <div z-Index:1><object 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。返回上一頁(yè)

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

14。關(guān)閉窗口

15。關(guān)于iframe的透明背景

　 <IFRAME. ID="iFrame1" SRC="iframe.htm"

　 allowTransparency="true"

　 style="background-color: green"></IFRAME>

16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵

<table border ncontextmenu=return(false)><td>no</table> 可用于Table

17. <body nselectstart="return false"> 取消選取、防止復(fù)制

18.onpaste="return false" 不準(zhǔn)粘貼

19.oncopy="return false;" ncut="return false;" 防止復(fù)制

20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)

21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

22. <input style="ime-mode:disabled"> 關(guān)閉輸入法

23. 永遠(yuǎn)都會(huì)帶著框架

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

25. 網(wǎng)頁(yè)將不能被另存為

26. 查看網(wǎng)頁(yè)源代碼

<input type=button value=查看網(wǎng)頁(yè)源代碼

onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

27.刪除時(shí)確認(rèn)

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

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

29. 網(wǎng)頁(yè)不會(huì)被緩存

<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">

30.怎樣讓表單沒(méi)有凹凸感？

或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>

31.不要滾動(dòng)條?

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

32.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？

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

<form. name="form1" method="post" action="mailt****@***.com" enctype="text/plain">

</form>

34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

35.如何設(shè)定打開(kāi)頁(yè)面的大小

打開(kāi)頁(yè)面的位置<body nload="top.moveBy(300,200);">

36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

<STYLE>

body

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

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

</STYLE>

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

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

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 獲得一個(gè)窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

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

else alert("全是字符");

40.TEXTAREA自適應(yīng)文字行數(shù)的多少

</textarea>

41. 日期減去天數(shù)等于第二個(gè)日期

function cc(dd,dadd)

{

//可以加上錯(cuò)誤處理

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. 選擇了哪一個(gè)Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>Style.

<INPUT name="radio1" type="radio" value="barcode">Barcode

</BODY></HTML>

43.腳本永不出錯(cuò)

<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

45. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：

把如下代碼加入<body>區(qū)域中:

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=測(cè)試中

……> =》<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="鏈接超時(shí)"}

else

{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"} b++ }

function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")}

run()</script>

46. 各種樣式的光標(biāo)

auto ：標(biāo)準(zhǔn)光標(biāo)

default ：標(biāo)準(zhǔn)箭頭

hand ：手形光標(biāo)

wait ：等待光標(biāo)

text ：I形光標(biāo)

vertical-text ：水平I形光標(biāo)

no-drop ：不可拖動(dòng)光標(biāo)

not-allowed ：無(wú)效光標(biāo)

help ：?幫助光標(biāo)

all-scroll ：三角方向標(biāo)

move ：移動(dòng)標(biāo)

crosshair ：十字標(biāo)

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

47、禁止鼠標(biāo)右鍵，把Demo的圖片全都設(shè)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的，主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單：<script. LANGUAGE="JavaScript"> function click() { if (event.button==2) {alert('呵呵，不好意思，你甭想使用右鍵下載圖片：）'); } } document.onmousedown=click</script>

1. 怎樣定義網(wǎng) 頁(yè) 語(yǔ) 言( 字符集)?

----在制作網(wǎng) 頁(yè) 過(guò) 程中, 你首先要定義網(wǎng) 頁(yè) 語(yǔ) 言, 以便訪問(wèn) 者瀏覽器自動(dòng) 設(shè) 置語(yǔ) 言, 而我們用所見(jiàn) 即所得的HTML 工具時(shí), 都沒(méi) 有注意到這個(gè) 問(wèn) 題, 因為它是默認(rèn) 設(shè) 置。要設(shè) 置的語(yǔ) 言可以在HTML 代碼狀態(tài) 下找到:

$#@60; meta http －equiv="Content Type" content="text/html; charset=gb2312" $#@62;

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

2. 怎樣防止別人把你的網(wǎng) 頁(yè) 放到框架里?

----因為框架（frame）的緣故, 有許多人把別人的網(wǎng) 頁(yè) 放置到自己的框架里, 使之成為自己的一頁(yè)。如果你要防止別人這樣做, 可以加入下列JavaScript 代碼即可, 它會(huì) 自動(dòng) 監(jiān) 測(cè), 然后跳出別人的框架。

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

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

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

3. 怎樣設(shè) 置字體?

----在制作網(wǎng) 頁(yè) 過(guò) 程中, 大家都喜歡使用漂亮的字體。但是, 如果訪客瀏覽器沒(méi) 有安裝同樣的字體，看到你的網(wǎng) 頁(yè) 會(huì) 是很普通的字體。如何防止這種情況出現(xiàn) 呢? 大家知道字體設(shè) 置的標(biāo) 簽是Font, 而它有個(gè) 屬性是Face, 該屬性是定義字體的, 你可以這樣設(shè) 置:, 訪客的瀏覽器就會(huì) 按照Face 定義的字體順序設(shè) 置已安裝的字體。目前動(dòng) 態(tài) 主頁(yè) 有種技術(shù), 可以把字體信息用向量格式存儲(chǔ), 然后利用訪客本身機(jī) 器含有的公共信息庫(kù) 把字體快速的組裝起來(lái), 這樣, 就不用擔(dān) 心訪客是否安裝有某種字體了。

4. 怎樣在網(wǎng) 頁(yè) 中加入注釋?

----在共同開(kāi) 發(fā) 網(wǎng) 頁(yè) 中, 加入注釋是防止分工被搞混淆或者注釋某段代碼特殊的含加入注釋的格式是:

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

5. 怎樣測(cè) 試瀏覽器并自動(dòng) 裝入所需要的網(wǎng) 頁(yè)?

----目前微軟和網(wǎng) 景的瀏覽器并不能完全兼容所有網(wǎng) 頁(yè), 有的在某種瀏覽器里非常漂亮, 而用其它瀏覽器查看時(shí) 卻一團(tuán) 糟。如果你需要測(cè) 試瀏覽器, 可以加入以下JavaScript 代碼并保存單獨(dú) 一個(gè) 網(wǎng) 頁(yè):

$#@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;

實(shí) 例請(qǐng) 參考:

http://www.netease.com/～tiantao/test.htm

6. 怎樣讓鏈接沒(méi) 有下劃線?

----只要在加入以下代碼, 所有鏈接就都沒(méi) 有下劃線了:

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

$#@60; ! －－

A{text －transform: none;

text －decoration: none ;}

a:hover { text －decoration:underline }

－－ $#@62;

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

7. 怎樣在網(wǎng) 頁(yè) 中加入E-mail 鏈接并顯示預(yù) 定的主題?

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

8. 怎樣讓背景圖像不滾動(dòng)?

----Internet Explorer 瀏覽器支持一個(gè)Body 屬性Bgproperties, 它可以讓背景不滾動(dòng)。

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

9. 怎樣評(píng) 定網(wǎng) 頁(yè) 的級(jí) 別?

----在IE4.0 瀏覽器中, 有一項(xiàng) 功能是過(guò) 濾網(wǎng) 站的, 一些受限制的網(wǎng) 站被過(guò) 濾掉, 而該網(wǎng) 站必須被RSAC( 美國(guó)娛樂(lè) 委員會(huì)) 評(píng) 定了級(jí) 別IE4.0 才能過(guò) 濾, 如果你要評(píng) 級(jí) 可以在網(wǎng) 頁(yè) 中加入以下代碼:

$#@60; meta http －equiv="PICS －Label"????

content=(PICS －1.1 "http://www.rsac.org/ratingsv01.html"

？?l gen true comment "RSACi North America Server"

？?for "http://youHostname"

？?on "1998.11.26GMT08:15 ?0500"

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

10. 怎樣定義本網(wǎng) 頁(yè) 的關(guān) 鍵字?

----在網(wǎng) 頁(yè) 中加入關(guān) 鍵字, 可以供某些搜索站臺(tái) 機(jī) 器人的使用, 它們會(huì) 利用該關(guān) 鍵字為你的網(wǎng) 站做索引, 這樣, 當(dāng) 別人用關(guān) 鍵字搜索網(wǎng) 站時(shí), 如果你的網(wǎng) 頁(yè) 包含該關(guān) 鍵字, 那么就可以被列出了, 定義本網(wǎng) 頁(yè) 關(guān) 鍵字, 可以加入以下代碼:

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

----Content 所包含的就是關(guān) 鍵字, 你可以自行設(shè) 置。

----這里有個(gè) 技巧, 你可以重復(fù) 某一個(gè) 單詞, 這樣可以提高自己網(wǎng) 站的排行位置, 如:

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

11. 怎樣鏈接本網(wǎng) 頁(yè) 的對(duì) 象?

----有時(shí) 鏈接發(fā) 生在一個(gè) 網(wǎng) 頁(yè) 里, 比如頁(yè) 面上半部分列出了目錄, 下部分就列出了內(nèi) 容, 而單擊目錄任何一個(gè) 項(xiàng) 目都可以跳到指定部分, 可以在要被鏈接的內(nèi) 容部分設(shè) 置如下方式:

$#@60; A NAME=" ＃t1" $#@62;$#@60; /A $#@62;

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

$#@60; A HREF="index.htm ＃t1" $#@62;t1$#@60; /A $#@62;

12. 怎樣為不支持框架結(jié) 構(gòu) 的瀏覽器指定內(nèi) 容?

----為了防止不支持框架結(jié) 構(gòu) 的瀏覽器訪問(wèn) 你的網(wǎng) 頁(yè), 可以在你的網(wǎng) 頁(yè) 中加入以下內(nèi) 容:

$#@60; body $#@62;

$#@60; noframes $#@62;

本網(wǎng) 頁(yè) 是框架結(jié) 構(gòu), 請(qǐng) 下載新的瀏覽器瀏覽

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

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

13. 怎樣刪除表格邊框?

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

$#@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. 怎樣隱藏在狀態(tài) 欄里出現(xiàn) 的LINK 信息?

----大家知道, 當(dāng) 你指向一個(gè) 鏈接時(shí), 該鏈接的信息會(huì) 出現(xiàn) 在瀏覽器狀態(tài) 欄里, 如果需要隱藏信息, 可以如下設(shè) 置:

$#@60; a onMouseOver="window.status=none ;

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

15. 怎樣在網(wǎng) 頁(yè) 中加入多媒體文件?

----有些多媒體文件無(wú) 需其他程序就可以播放, 而有許多多媒體文件需要外部程序的幫助, 當(dāng) 瀏覽器下載不支持的格式時(shí) 會(huì) 調(diào) 用外部程序。如果瀏覽器沒(méi) 有安裝這種外部程序, 那么瀏覽器會(huì) 自動(dòng) 去下載；如果你需要加入多媒體格式, 可設(shè) 置如下代碼:

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

----對(duì) 于不支持EMBED 標(biāo) 簽的瀏覽器, 可以改用標(biāo) 簽。

16. 怎樣在網(wǎng) 頁(yè) 中加入電子郵件表單提交?

----表單提交需要CGI 程序的支持, 但你也可以利用E ？mail 提交, 當(dāng) 你設(shè) 計(jì) 好表單后, 把Action 內(nèi) 容加入郵件地址即可, 如下:

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

17. 怎樣隱藏熱訊分析的圖標(biāo)?

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

18. 怎樣在網(wǎng) 頁(yè) 中加入最后修改日期?

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

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

document.write

(" 最后修改日期" ＋document.lastModified);

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

Low了，網(wǎng)頁(yè)居然還用這么老掉牙的特效！弄個(gè)粗體字，下劃線就是突出重點(diǎn)了？真是一股濃濃的鄉(xiāng)村風(fēng)撲面而來(lái)；弄個(gè)圖在頁(yè)面飄來(lái)飄去就是動(dòng)畫效果了，你要這么認(rèn)為的話那我只能保持沉默了。在HTML5占領(lǐng)著整個(gè)互聯(lián)網(wǎng)之時(shí)，想透過(guò)網(wǎng)頁(yè)抓住所有人的眼球，因循守舊是行不通的。因此，有你不能不知道的HTML常用代碼。只有熟悉掌握了常用的HTML代碼，你才能在編寫網(wǎng)頁(yè)的時(shí)候做到行云流水，用處處流露著細(xì)膩和創(chuàng)意的動(dòng)效細(xì)節(jié)打動(dòng)所有人。

在這里還是要說(shuō)一下我自己建的前端JavaScript學(xué)習(xí)交流群：574462090，不管你是小白還是大牛，小編我都挺歡迎，小白嘛，多問(wèn)點(diǎn)問(wèn)題也就學(xué)好了，不定期分享干貨，包括最新的2017年前端學(xué)習(xí)資料，歡迎初學(xué)和進(jìn)階中的小伙伴。

html代碼大全：結(jié)構(gòu)性定義

文件類型<HTML></HTML> （放在檔案的開(kāi)頭與結(jié)尾）

文件主題<TITLE></TITLE> （必須放在「文頭」區(qū)塊內(nèi)）

文頭<HEAD></HEAD> （描述性資料，像是「主題」）

文體<BODY></BODY> （文件本體）

標(biāo)題<H?></H?> （從1到6，有六層選擇）

標(biāo)題的對(duì)齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>

區(qū)分<DIV></DIV>

區(qū)分的對(duì)齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE> （通常會(huì)內(nèi)縮）

強(qiáng)調(diào)<EM></EM> （通常會(huì)以斜體顯示）

特別強(qiáng)調(diào)<STRONG></STRONG> （通常會(huì)以加粗顯示）

引文<CITE></CITE> （通常會(huì)以斜體顯示）

碼<CODE></CODE> （顯示原始碼之用）

樣本<SAMP></SAMP>

鍵盤輸入<KBD></KBD>

變數(shù)<VAR></VAR>

定義<DFN></DFN> （有些瀏覽器不提供）

地址 <ADDRESS></ADDRESS>

大字<BIG></BIG>

小字<SMALL></SMALL>

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗<B></B>

斜體<I></I>

底線<U></U> （尚有些瀏覽器不提供）

刪除線<S></S> （尚有些瀏覽器不提供）

下標(biāo)<SUB></SUB>

上標(biāo)<SUP></SUP>

打字機(jī)體<TT></TT> （用單空格字型顯示）

預(yù)定格式<PRE></PRE> （保留文件中空格的大小）

預(yù)定格式的寬度<PRE WIDTH=?></PRE>（以字元計(jì)算）

向中看齊<CENTER></CENTER> （文字與圖片都可以）

閃耀<BLINK></BLINK> （有史以來(lái)最被嘲弄的標(biāo)簽）

字體大小 <FONTSIZE=?></FONT>（從1到7）

改變字體大小 <FONTSIZE=+|-?></FONT>

基本字體大小 <BASEFONTSIZE=?> （從1到7; 內(nèi)定為3）

字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）

html代碼大全：修改頁(yè)面的實(shí)用性HTML代碼

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

3)在新窗口打開(kāi)連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

4)移動(dòng)字體(走馬燈)：<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位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂(lè)：<embed src="音樂(lè)地址" 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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body

bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見(jiàn)10)

22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址" loop=infinite>

23)貼網(wǎng)頁(yè)：<iframe. src="相關(guān)地址" width="寬度" height="高度"></iframe>

html代碼大全：常常會(huì)遇到的問(wèn)題

點(diǎn)擊關(guān)閉窗口

<a href="javascript.:top.window.close();">點(diǎn)擊關(guān)閉窗口</a>！

請(qǐng)問(wèn)如何去掉主頁(yè)右面的滾動(dòng)條？

如何做到讓一個(gè)網(wǎng)頁(yè)自動(dòng)關(guān)閉.

<html>

<head>

</object>

</head>

<body >

這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示. </body>

如何在不刷新頁(yè)面的情況下刷新css?

<style>

button{ color:#000000;}

</style>

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點(diǎn)擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為　　紅色</button>

請(qǐng)問(wèn)如何讓網(wǎng)頁(yè)自動(dòng)刷新？

在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動(dòng)刷新，你可以更改為任意值。

如何讓頁(yè)面自動(dòng)刷新？

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時(shí)間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運(yùn)行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</SCRIPT>

如何讓超鏈接沒(méi)有下劃線

在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：

a { text-decoration: none}

--> </style>

請(qǐng)問(wèn)如何去掉IE的上下滾動(dòng)條？

</body>

怎樣才能把RealPlayer文件在網(wǎng)頁(yè)做一個(gè)試聽(tīng)連接？

如何用html實(shí)現(xiàn)瀏覽器上后退按鈕的功能？

或者

html代碼大全：你不一定知道的技巧

16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵

　　<table borderncontextmenu=return(false)><td>no</table> 可用于Table

17. <body nselectstart="return false"> 取消選取、防止復(fù)制

18.onpaste="return false" 不準(zhǔn)粘貼

19.oncopy="return false;" ncut="return false;" 防止復(fù)制

20. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)

21. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

22. <inputstyle="ime-mode:disabled"> 關(guān)閉輸入法

23. 永遠(yuǎn)都會(huì)帶著框架

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

25. 網(wǎng)頁(yè)將不能被另存為

26. 查看網(wǎng)頁(yè)源代碼

<input type=button value=查看網(wǎng)頁(yè)源代碼

onclick="window.location = "view-source:"+"http://www.pconline.com.cn"">

27.刪除時(shí)確認(rèn)

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

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

29. 網(wǎng)頁(yè)不會(huì)被緩存

<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">

30.怎樣讓表單沒(méi)有凹凸感？

或 <input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

31.不要滾動(dòng)條?

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

32.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？

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

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">

</form>

34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

35.如何設(shè)定打開(kāi)頁(yè)面的大小

打開(kāi)頁(yè)面的位置<bodynload="top.moveBy(300,200);">

36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

<STYLE>

body

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

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

</STYLE>

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

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

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 獲得一個(gè)窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

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

else alert("全是字符");

40.TEXTAREA自適應(yīng)文字行數(shù)的多少

</textarea>

41. 日期減去天數(shù)等于第二個(gè)日期

function cc(dd,dadd)

{

//可以加上錯(cuò)誤處理

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. 選擇了哪一個(gè)Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio"value="style" checked>Style.

<INPUT name="radio1" type="radio"value="barcode">Barcode

</BODY></HTML>

43.腳本永不出錯(cuò)

<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

文末再提兩點(diǎn)建議吧：

剛學(xué)前端JavaScript的時(shí)候，一定不要追求速成，編程不比其他傳統(tǒng)行業(yè)，可以快速的上手，他需要一定的代碼量積累起來(lái)，不然你追求速成很可能會(huì)車毀人亡。
這個(gè)文章到這里就說(shuō)完了，想要前端學(xué)習(xí)資料的進(jìn)我的群自助領(lǐng)取，已經(jīng)上傳到群文件里了：574462090，歡迎初學(xué)和進(jìn)階中的小伙伴。

如果想看到更加系統(tǒng)的文章和學(xué)習(xí)方法經(jīng)驗(yàn)可以關(guān)注我的微信公眾號(hào)：‘前端根據(jù)地’關(guān)注后回復(fù)‘給我資料’可以領(lǐng)取一套完整的學(xué)習(xí)視頻

小新編譯自 Insight Data Blog

量子位出品 | 公眾號(hào) QbitAI

寫個(gè)網(wǎng)頁(yè)能有多麻煩？在大多數(shù)公司里，這項(xiàng)工作分為三步：

1. 產(chǎn)品經(jīng)理完成用戶調(diào)研任務(wù)后，列出一系列技術(shù)要求；

2. 設(shè)計(jì)師根據(jù)這些要求來(lái)設(shè)計(jì)低保真原型，逐漸修改得到高保真原型和UI設(shè)計(jì)圖；

3. 工程師將這些設(shè)計(jì)圖實(shí)現(xiàn)為代碼，最終變成用戶使用的產(chǎn)品。

這么多環(huán)節(jié)，任何地方出一點(diǎn)問(wèn)題，都會(huì)拉長(zhǎng)開(kāi)發(fā)周期。因此，不少公司，比如Airbnb已經(jīng)開(kāi)始用機(jī)器學(xué)習(xí)來(lái)提高這個(gè)過(guò)程的效率。

△ Airbnb內(nèi)部的AI工具，從圖紙到代碼一步到位

看起來(lái)很美好，但Airbnb還沒(méi)公開(kāi)該模型中端到端訓(xùn)練的細(xì)節(jié)，以及手工設(shè)計(jì)的圖像特征對(duì)該模型的貢獻(xiàn)度。這是該公司特有的閉源解決方案專利，可能不會(huì)進(jìn)行公開(kāi)。

好在，一個(gè)叫Ashwin Kumar的程序員創(chuàng)建了一個(gè)開(kāi)源版本，讓開(kāi)發(fā)者/設(shè)計(jì)師的工作變得更簡(jiǎn)單。

以下內(nèi)容翻譯自他的博客：

理想上，這個(gè)模型可以根據(jù)網(wǎng)站設(shè)計(jì)的簡(jiǎn)單手繪原型，很快地生成一個(gè)可用的HTML網(wǎng)站：

△ SketchCode模型利用手繪線框圖來(lái)生成HTML網(wǎng)站

事實(shí)上，上面例子就是利用訓(xùn)練好的模型在測(cè)試集上生成的一個(gè)實(shí)際網(wǎng)站，代碼請(qǐng)?jiān)L問(wèn)：https://github.com/ashnkumar/sketch-code。

從圖像標(biāo)注中獲取靈感

目前要解決的問(wèn)題屬于一種更廣泛的任務(wù)，叫做程序綜合（program synthesis），即自動(dòng)生成工作源代碼。盡管很多程序綜合研究通過(guò)自然語(yǔ)言規(guī)范或執(zhí)行追蹤法來(lái)生成代碼，但在當(dāng)前任務(wù)中，我會(huì)充分利用源圖像，即給出的手繪線框圖來(lái)展開(kāi)工作。

在機(jī)器學(xué)習(xí)中有一個(gè)十分熱門的研究領(lǐng)域，稱為圖像標(biāo)注（image caption），目的是構(gòu)建一種把圖像和文本連接在一起的模型，特別是用于生成源圖像內(nèi)容的描述。

△ 圖像標(biāo)注模型生成源圖像的文本描述

我從一篇pix2code論文和另一個(gè)應(yīng)用這種方法的相關(guān)項(xiàng)目中獲得靈感，決定把我的任務(wù)按照?qǐng)D像標(biāo)注方式來(lái)實(shí)現(xiàn)，把繪制的網(wǎng)站線框圖作為輸入圖像，并將其相應(yīng)的HTML代碼作為其輸出內(nèi)容。

注：上段提到的兩個(gè)參考項(xiàng)目分別是

pix2code論文：https://arxiv.org/abs/1705.07962

floydhub教程：https://blog.floydhub.com/turning-design-mockups-into-code-with-deep-learning/?source=techstories.org

獲取合適的數(shù)據(jù)集

確定圖像標(biāo)注方法后，理想中使用的訓(xùn)練數(shù)據(jù)集會(huì)包含成千上萬(wàn)對(duì)手繪線框圖和對(duì)應(yīng)的HTML輸出代碼。但是，目前還沒(méi)有我想要的相關(guān)數(shù)據(jù)集，我只好為這個(gè)任務(wù)來(lái)創(chuàng)建數(shù)據(jù)集。

最開(kāi)始，我嘗試了pix2code論文給出的開(kāi)源數(shù)據(jù)集，該數(shù)據(jù)集由1750張綜合生成網(wǎng)站的截圖及其相應(yīng)源代碼組成。

△ pix2code數(shù)據(jù)集中的生成網(wǎng)站圖片和源代碼

這是一個(gè)很好的數(shù)據(jù)集，有幾個(gè)有趣的地方：

該數(shù)據(jù)集中的每個(gè)生成網(wǎng)站都包含幾個(gè)簡(jiǎn)單的輔助程序元素，如按鈕、文本框和DIV對(duì)象。盡管這意味著這個(gè)模型受限于將這些少數(shù)元素作為它的輸出內(nèi)容，但是這些元素可通過(guò)選擇生成網(wǎng)絡(luò)來(lái)修改和擴(kuò)展。這種方法應(yīng)該很容易地推廣到更大的元素詞匯表。
每個(gè)樣本的源代碼都是由領(lǐng)域?qū)Ｓ谜Z(yǔ)言（DSL）的令牌組成，這是該論文作者為該任務(wù)所創(chuàng)建的。每個(gè)令牌對(duì)應(yīng)于HTML和CSS的一個(gè)片段，且加入編譯器把DSL轉(zhuǎn)換為運(yùn)行的HTML代碼。

彩色網(wǎng)站圖像變手繪圖

為了修改我的任務(wù)數(shù)據(jù)集，我要讓網(wǎng)站圖像看起來(lái)像手工繪制出的。我嘗試使用Python中的OpenCV庫(kù)和PIL庫(kù)等工具對(duì)每張圖像進(jìn)行修改，包括灰度轉(zhuǎn)換和輪廓檢測(cè)。

最終，我決定直接修改原始網(wǎng)站的CSS樣式表，通過(guò)執(zhí)行以下操作：

1. 更改頁(yè)面上元素的邊框半徑來(lái)平滑按鈕和DIV對(duì)象的邊緣；

2. 模仿繪制的草圖來(lái)調(diào)整邊框的粗細(xì)，并添加陰影；

3. 將原有字體更改為類似手寫的字體；

最終實(shí)現(xiàn)的流程中還增加了一個(gè)步驟，通過(guò)添加傾斜、移動(dòng)和旋轉(zhuǎn)來(lái)實(shí)現(xiàn)圖像增強(qiáng)，來(lái)模擬實(shí)際繪制草圖中的變化。

使用圖像標(biāo)注模型架構(gòu)

現(xiàn)在，我已經(jīng)處理好數(shù)據(jù)集，接下來(lái)是構(gòu)建模型。

我利用了圖像標(biāo)注中使用的模型架構(gòu)，該架構(gòu)由三個(gè)主要部分組成：

1. 一種使用卷積神經(jīng)網(wǎng)絡(luò)（CNN）的計(jì)算機(jī)視覺(jué)模型，從源圖像提取圖像特征；

2. 一種包含門控單元GRU的語(yǔ)言模型，對(duì)源代碼令牌序列進(jìn)行編碼；

3. 一個(gè)解碼器模型，也屬于GRU單元，把前兩個(gè)步驟的輸出作為輸入，并預(yù)測(cè)序列中的下一個(gè)令牌。

△ 以令牌序列為輸入來(lái)訓(xùn)練模型

為了訓(xùn)練模型，我將源代碼拆分為令牌序列。模型的輸入為單個(gè)部分序列及它的源圖像，其標(biāo)簽是文本中的下一個(gè)令牌。該模型使用交叉熵函數(shù)作為損失函數(shù)，將模型的下個(gè)預(yù)測(cè)令牌與實(shí)際的下個(gè)令牌進(jìn)行比較。

在模型從頭開(kāi)始生成代碼的過(guò)程中，該推理方式稍有不同。圖像仍然通過(guò)CNN網(wǎng)絡(luò)進(jìn)行處理，但文本處理開(kāi)始時(shí)僅采用一個(gè)啟動(dòng)序列。在每個(gè)步驟中，模型對(duì)序列中輸出的下個(gè)預(yù)測(cè)令牌將會(huì)添加到當(dāng)前輸入序列，并作為新的輸入序列送到模型中；重復(fù)此操作直到模型的預(yù)測(cè)令牌為，或該過(guò)程達(dá)到每個(gè)文本中令牌數(shù)目的預(yù)定義值。

當(dāng)模型生成一組預(yù)測(cè)令牌后，編譯器就會(huì)將DSL令牌轉(zhuǎn)換為HTML代碼，這些HTML代碼可以在任何瀏覽器中運(yùn)行。

用BLEU分?jǐn)?shù)評(píng)估模型

我決定使用BLEU分?jǐn)?shù)來(lái)評(píng)估模型。這是機(jī)器翻譯任務(wù)中常用的一種度量標(biāo)準(zhǔn)，通過(guò)在給定相同輸入的情況下，衡量機(jī)器生成的文本與人類可能產(chǎn)生內(nèi)容的近似程度。

實(shí)際上，BLEU通過(guò)比較生成文本和參考文本的N元序列，以創(chuàng)建修改后的準(zhǔn)確版本。它非常適用于這個(gè)項(xiàng)目，因?yàn)樗鼤?huì)影響生成HTML代碼中的實(shí)際元素，以及它們之間的相互關(guān)系。

最棒的是，我還可以通過(guò)檢查生成的網(wǎng)站來(lái)比較當(dāng)前的實(shí)際BLEU分?jǐn)?shù)。

△ 觀察BLEU分?jǐn)?shù)

當(dāng)BLEU分?jǐn)?shù)為1.0時(shí)，則說(shuō)明給定源圖像后該模型能在正確位置設(shè)置合適的元素，而較低的BLEU分?jǐn)?shù)這說(shuō)明模型預(yù)測(cè)了錯(cuò)誤元素或是把它們放在相對(duì)不合適的位置。我們最終模型在評(píng)估數(shù)據(jù)集上的BLEU分?jǐn)?shù)為0.76。

福利：定制網(wǎng)頁(yè)風(fēng)格

后來(lái)，我還想到，由于該模型只生成當(dāng)前頁(yè)面的框架，即文本的令牌，因此我可以在編譯過(guò)程中添加一個(gè)定制的CSS層，并立刻得到不同風(fēng)格的生成網(wǎng)站。

△ 一個(gè)手繪圖生成多種風(fēng)格的網(wǎng)頁(yè)

把風(fēng)格定制和模型生成兩個(gè)過(guò)程分開(kāi)，在使用模型時(shí)帶來(lái)了很多好處：

1.如果想要將SketchCode模型應(yīng)用到自己公司的產(chǎn)品中，前端工程師可以直接使用該模型，只需更改一個(gè)CSS文件來(lái)匹配該公司的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格；

2. 該模型內(nèi)置的可擴(kuò)展性，即通過(guò)單一源圖像，模型可以迅速編譯出多種不同的預(yù)定義風(fēng)格，因此用戶可以設(shè)想出多種可能的網(wǎng)站風(fēng)格，并在瀏覽器中瀏覽這些生成網(wǎng)頁(yè)。

總結(jié)和展望

受到圖像標(biāo)注研究的啟發(fā)，SketchCode模型能夠在幾秒鐘內(nèi)將手繪網(wǎng)站線框圖轉(zhuǎn)換為可用的HTML網(wǎng)站。

但是，該模型還存在一些問(wèn)題，這也是我接下來(lái)可能的工作方向：

1. 由于這個(gè)模型只使用了16個(gè)元素進(jìn)行訓(xùn)練，所以它不能預(yù)測(cè)這些數(shù)據(jù)以外的令牌。下一步方向可能是使用更多元素來(lái)生成更多的網(wǎng)站樣本，包括網(wǎng)站圖片，下拉菜單和窗體，可參考啟動(dòng)程序組件（https://getbootstrap.com/docs/4.0/components/buttons/）來(lái)獲得思路；

2. 在實(shí)際網(wǎng)站構(gòu)建中，存在很多變化。創(chuàng)建一個(gè)能更好反映這種變化的訓(xùn)練集，是提高生成效果的一種好方法，可以通過(guò)獲取更多網(wǎng)站的HTML/CSS代碼以及內(nèi)容截圖來(lái)提高；

3. 手繪圖紙也存在很多CSS修改技巧無(wú)法捕捉到的變化。解決這個(gè)問(wèn)題的一種好方法是使用生成對(duì)抗網(wǎng)絡(luò)GAN來(lái)創(chuàng)建更逼真的繪制網(wǎng)站圖像。

整合營(yíng)銷服務(wù)商

html常用代碼大全

如果想看到更加系統(tǒng)的文章和學(xué)習(xí)方法經(jīng)驗(yàn)可以關(guān)注我的微信公眾號(hào)：‘前端根據(jù)地’關(guān)注后回復(fù)‘給我資料’可以領(lǐng)取一套完整的學(xué)習(xí)視頻

從圖像標(biāo)注中獲取靈感

獲取合適的數(shù)據(jù)集

彩色網(wǎng)站圖像變手繪圖

使用圖像標(biāo)注模型架構(gòu)

用BLEU分?jǐn)?shù)評(píng)估模型

福利：定制網(wǎng)頁(yè)風(fēng)格

總結(jié)和展望

相關(guān)地址

您的項(xiàng)目需求