HTML常用全部代碼，你懂，你不想成功都難

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

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

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

文件類型<HTML></HTML> （放在檔案的開頭與結(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> （有史以來最被嘲弄的標(biāo)簽）

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

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

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

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

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

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

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

3)在新窗口打開連接：<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)貼音樂：<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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body

bgproperties=fixed>

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

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

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

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

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

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

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

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

<html>

<head>

</object>

</head>

<body >

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

如何在不刷新頁面的情況下刷新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ǎng)頁自動(dòng)刷新？

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

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

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時(shí)間

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

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</SCRIPT>

如何讓超鏈接沒有下劃線

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

a { text-decoration: none}

--> </style>

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

</body>

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

如何用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)頁

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

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

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

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

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)頁不會(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.怎樣讓表單沒有凹凸感？

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

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

讓豎條沒有:

</body>

讓橫條沒有:

</body>

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

</body>

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

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

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

</form>

34.在打開的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

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

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

36.在頁面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁面時(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è)，可以快速的上手，他需要一定的代碼量積累起來，不然你追求速成很可能會(huì)車毀人亡。
這個(gè)文章到這里就說完了，想要前端學(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í)視頻

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

文件類型 <HTML></HTML> （放在檔案的開頭與結(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> （有史以來最被嘲弄的標(biāo)簽）

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

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

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

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

說明  （瀏覽器不會(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>來回捲動(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)在新窗口打開連接：<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)貼音樂：<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)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body

bgproperties=fixed>

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

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

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

1、店鋪音樂代碼:音樂網(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)頁地址"＞鏈接的文字，在分類欄里用時(shí)鏈接的網(wǎng)頁地址必須縮短＜/a＞

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

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

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

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

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

計(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鮭魚色 #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)頁必備）

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

超鏈接，用的最多：

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

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

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

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

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

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

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

演示效果就是：

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

希望開心

<p>向下一大行，比如

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

演示效果就是：

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

希望開心

<b>這是粗體字

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

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

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

演示

忽視右鍵

<body >

或

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

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

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

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

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

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

<html>

<head>

</object>

</head>

<body >

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

如何在不刷新頁面的情況下刷新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ǎng)頁自動(dòng)刷新？

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

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

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時(shí)間

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

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</script>

如何讓超鏈接沒有下劃線

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

a { text-decoration: none}

--> </style>

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

</body>

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

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

或者

請(qǐng)問怎么在網(wǎng)頁中改變鼠標(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>

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

<META. HTTP-EQUIV="

ragma" C>

頁面打開時(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>

如何讓我的頁面出現(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("可愛嗎？");

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>

在頁面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁面時(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è)頁面

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

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

HTML 代碼片段如下:

或者

如何禁止自己的頁面在別人的框架里打開？

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

if (window.top!=self){

window.top.location=self.location

}

</script>

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

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)聽一個(gè)窗口被關(guān)閉了？

HTML 代碼片段如下:

<body >

如何禁止Ctrl+N？

HTML 代碼片段如下:

如何把頁面加入用戶的收藏夾？

HTML 代碼片段如下:

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

如何在我的頁面中加入背景音樂？

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

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

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

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

或

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

如何設(shè)定打開頁面的大小

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)閉？

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

</body>

如何讓瀏覽器在保存頁面時(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)頁時(shí)彈出的信息對(duì)話框

<body >

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

<body >

告別提示

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

1。忽視右鍵

或

2。加入背景音樂

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

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

　 </embed>

　 *.mid你的背景音樂的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腳本開始；

　 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)打開），yes為允許；

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

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

　 <script. LANGUAGE="javascript">

<!--

　 function loopy(){

var sWord ="";

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

alert("登陸成功！");

　 }

　 loopy()

　 //-->

　 </script>

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

　 <style>

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

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

　 </style>

6。讓瀏覽器在保存頁面時(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)頁文件的區(qū)：

　 <script. language="javascript">

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

　 </script>

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

9。網(wǎng)頁自動(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秒過后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.

　 </body>

　 </html>

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

在head部記入

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

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

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

　 <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。返回上一頁

　 <a href=javascript:history.back(1)>『返回上一頁』</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)頁

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

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

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

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

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)頁不會(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.怎樣讓表單沒有凹凸感？

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

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

讓豎條沒有:

</body>

讓橫條沒有:

</body>

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

</body>

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

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

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

</form>

34.在打開的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

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

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

36.在頁面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁面時(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 ：無效光標(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è)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來是一樣的，主要是防止鼠標(biāo)經(jīng)過圖片時(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) 頁語言( 字符集)?

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

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

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

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

----因為框架（frame）的緣故, 有許多人把別人的網(wǎng) 頁放置到自己的框架里, 使之成為自己的一頁。如果你要防止別人這樣做, 可以加入下列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) 頁過程中, 大家都喜歡使用漂亮的字體。但是, 如果訪客瀏覽器沒有安裝同樣的字體，看到你的網(wǎng) 頁會(huì) 是很普通的字體。如何防止這種情況出現(xiàn) 呢? 大家知道字體設(shè) 置的標(biāo) 簽是Font, 而它有個(gè) 屬性是Face, 該屬性是定義字體的, 你可以這樣設(shè) 置:, 訪客的瀏覽器就會(huì) 按照Face 定義的字體順序設(shè) 置已安裝的字體。目前動(dòng) 態(tài) 主頁有種技術(shù), 可以把字體信息用向量格式存儲(chǔ), 然后利用訪客本身機(jī) 器含有的公共信息庫把字體快速的組裝起來, 這樣, 就不用擔(dān) 心訪客是否安裝有某種字體了。

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

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

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

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

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

$#@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. 怎樣讓鏈接沒有下劃線?

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

$#@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) 頁中加入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) 頁的級(jí) 別?

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

$#@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) 頁的關(guān) 鍵字?

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

----有時(shí) 鏈接發(fā) 生在一個(gè) 網(wǎng) 頁里, 比如頁面上半部分列出了目錄, 下部分就列出了內(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ǎng) 頁, 可以在你的網(wǎng) 頁中加入以下內(nèi) 容:

$#@60; body $#@62;

$#@60; noframes $#@62;

本網(wǎng) 頁是框架結(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) 頁中加入多媒體文件?

----有些多媒體文件無需其他程序就可以播放, 而有許多多媒體文件需要外部程序的幫助, 當(dāng) 瀏覽器下載不支持的格式時(shí) 會(huì) 調(diào) 用外部程序。如果瀏覽器沒有安裝這種外部程序, 那么瀏覽器會(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) 頁中加入電子郵件表單提交?

----表單提交需要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) 頁中加入最后修改日期?

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

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

document.write

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

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

、日期處理

1. 檢查日期是否有效

該方法用于檢測(cè)給出的日期是否有效：

const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());

isDateValid("December 17, 1995 03:24:00");  // true
復(fù)制代碼

2. 計(jì)算兩個(gè)日期之間的間隔

該方法用于計(jì)算兩個(gè)日期之間的間隔時(shí)間：

const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)
    
dayDif(new Date("2021-11-3"), new Date("2022-2-1"))  // 90
復(fù)制代碼

距離過年還有90天~

3. 查找日期位于一年中的第幾天

該方法用于檢測(cè)給出的日期位于今年的第幾天：

const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);

dayOfYear(new Date());   // 307
復(fù)制代碼

2021年已經(jīng)過去300多天了~

4. 時(shí)間格式化

該方法可以用于將時(shí)間轉(zhuǎn)化為hour:minutes:seconds的格式：

const timeFromDate = date => date.toTimeString().slice(0, 8);
    
timeFromDate(new Date(2021, 11, 2, 12, 30, 0));  // 12:30:00
timeFromDate(new Date());  // 返回當(dāng)前時(shí)間 09:00:00
復(fù)制代碼

二、字符串處理

1. 字符串首字母大寫

該方法用于將英文字符串的首字母大寫處理：

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)

capitalize("hello world")  // Hello world
復(fù)制代碼

2. 翻轉(zhuǎn)字符串

該方法用于將一個(gè)字符串進(jìn)行翻轉(zhuǎn)操作，返回翻轉(zhuǎn)后的字符串：

const reverse = str => str.split('').reverse().join('');

reverse('hello world');   // 'dlrow olleh'
復(fù)制代碼

3. 隨機(jī)字符串

該方法用于生成一個(gè)隨機(jī)的字符串：

const randomString = () => Math.random().toString(36).slice(2);

randomString();
復(fù)制代碼

4. 截?cái)嘧址?/h1>

該方法可以從指定長(zhǎng)度處截?cái)嘧址?

const truncateString = (string, length) => string.length < length ? string : `${string.slice(0, length - 3)}...`;

truncateString('Hi, I should be truncated because I am too loooong!', 36)   // 'Hi, I should be truncated because...'
復(fù)制代碼

5. 去除字符串中的HTML

該方法用于去除字符串中的HTML元素：

const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
復(fù)制代碼

三、數(shù)組處理

1. 從數(shù)組中移除重復(fù)項(xiàng)

該方法用于移除數(shù)組中的重復(fù)項(xiàng)：

const removeDuplicates = (arr) => [...new Set(arr)];

console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6]));
復(fù)制代碼

2. 判斷數(shù)組是否為空

該方法用于判斷一個(gè)數(shù)組是否為空數(shù)組，它將返回一個(gè)布爾值：

const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;

isNotEmpty([1, 2, 3]);  // true
復(fù)制代碼

3. 合并兩個(gè)數(shù)組

可以使用下面兩個(gè)方法來合并兩個(gè)數(shù)組：

const merge = (a, b) => a.concat(b);

const merge = (a, b) => [...a, ...b];
復(fù)制代碼

四、數(shù)字操作

1. 判斷一個(gè)數(shù)是奇數(shù)還是偶數(shù)

該方法用于判斷一個(gè)數(shù)字是奇數(shù)還是偶數(shù)：

const isEven = num => num % 2 === 0;

isEven(996); 
復(fù)制代碼

2. 獲得一組數(shù)的平均值

const average = (...args) => args.reduce((a, b) => a + b) / args.length;

average(1, 2, 3, 4, 5);   // 3
復(fù)制代碼

3. 獲取兩個(gè)整數(shù)之間的隨機(jī)整數(shù)

該方法用于獲取兩個(gè)整數(shù)之間的隨機(jī)整數(shù)

const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);

random(1, 50);
復(fù)制代碼

4. 指定位數(shù)四舍五入

該方法用于將一個(gè)數(shù)字按照指定位進(jìn)行四舍五入：

const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d)

round(1.005, 2) //1.01
round(1.555, 2) //1.56
復(fù)制代碼

五、顏色操作

1. 將RGB轉(zhuǎn)化為十六機(jī)制

該方法可以將一個(gè)RGB的顏色值轉(zhuǎn)化為16進(jìn)制值：

const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);

rgbToHex(255, 255, 255);  // '#ffffff'
復(fù)制代碼

2. 獲取隨機(jī)十六進(jìn)制顏色

該方法用于獲取一個(gè)隨機(jī)的十六進(jìn)制顏色值：

const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`;

randomHex();
復(fù)制代碼

六、瀏覽器操作

1. 復(fù)制內(nèi)容到剪切板

該方法使用 navigator.clipboard.writeText 來實(shí)現(xiàn)將文本復(fù)制到剪貼板：

const copyToClipboard = (text) => navigator.clipboard.writeText(text);

copyToClipboard("Hello World");
復(fù)制代碼

2. 清除所有cookie

該方法可以通過使用 document.cookie 來訪問 cookie 并清除存儲(chǔ)在網(wǎng)頁中的所有 cookie：

const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));
復(fù)制代碼

3. 獲取選中的文本

該方法通過內(nèi)置的 getSelection 屬性獲取用戶選擇的文本：

const getSelectedText = () => window.getSelection().toString();

getSelectedText();
復(fù)制代碼

4. 檢測(cè)是否是黑暗模式

該方法用于檢測(cè)當(dāng)前的環(huán)境是否是黑暗模式，它是一個(gè)布爾值：

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

console.log(isDarkMode)
復(fù)制代碼

5. 滾動(dòng)到頁面頂部

該方法用于在頁面中返回頂部：

const goToTop = () => window.scrollTo(0, 0);

goToTop();
復(fù)制代碼

6. 判斷當(dāng)前標(biāo)簽頁是否激活

該方法用于檢測(cè)當(dāng)前標(biāo)簽頁是否已經(jīng)激活：

const isTabInView = () => !document.hidden; 
復(fù)制代碼

7. 判斷當(dāng)前是否是蘋果設(shè)備

該方法用于檢測(cè)當(dāng)前的設(shè)備是否是蘋果的設(shè)備：

const isAppleDevice = () => /Mac|iPod|iPhone|iPad/.test(navigator.platform);

isAppleDevice();
復(fù)制代碼

8. 是否滾動(dòng)到頁面底部

該方法用于判斷頁面是否已經(jīng)底部：

const scrolledToBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;
復(fù)制代碼

9. 重定向到一個(gè)URL

該方法用于重定向到一個(gè)新的URL：

const redirect = url => location.href = url

redirect("https://www.google.com/")
復(fù)制代碼

10. 打開瀏覽器打印框

該方法用于打開瀏覽器的打印框：

const showPrintDialog = () => window.print()
復(fù)制代碼

七、其他操作

1. 隨機(jī)布爾值

該方法可以返回一個(gè)隨機(jī)的布爾值，使用Math.random()可以獲得0-1的隨機(jī)數(shù)，與0.5進(jìn)行比較，就有一半的概率獲得真值或者假值。

const randomBoolean = () => Math.random() >= 0.5;

randomBoolean();
復(fù)制代碼

2. 變量交換

可以使用以下形式在不適用第三個(gè)變量的情況下，交換兩個(gè)變量的值：

[foo, bar] = [bar, foo];
復(fù)制代碼

3. 獲取變量的類型

該方法用于獲取一個(gè)變量的類型：

const trueTypeOf = (obj) => Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();

trueTypeOf('');     // string
trueTypeOf(0);      // number
trueTypeOf();       // undefined
trueTypeOf(null);   // null
trueTypeOf({});     // object
trueTypeOf([]);     // array
trueTypeOf(0);      // number
trueTypeOf(() => {});  // function
復(fù)制代碼

4. 華氏度和攝氏度之間的轉(zhuǎn)化

該方法用于攝氏度和華氏度之間的轉(zhuǎn)化：

const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;

celsiusToFahrenheit(15);    // 59
celsiusToFahrenheit(0);     // 32
celsiusToFahrenheit(-20);   // -4
fahrenheitToCelsius(59);    // 15
fahrenheitToCelsius(32);    // 0
復(fù)制代碼

5. 檢測(cè)對(duì)象是否為空

該方法用于檢測(cè)一個(gè)JavaScript對(duì)象是否為空：

const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;

在線咨詢

上一篇：國內(nèi)外幾款最流行郵箱的客戶端軟件的測(cè)評(píng)
下一篇：不容錯(cuò)過的 13 個(gè) JavaScript 實(shí)用技巧

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML常用全部代碼，你懂，你不想成功都難

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

、日期處理

1. 檢查日期是否有效

2. 計(jì)算兩個(gè)日期之間的間隔

3. 查找日期位于一年中的第幾天

4. 時(shí)間格式化

二、字符串處理

1. 字符串首字母大寫

2. 翻轉(zhuǎn)字符串

3. 隨機(jī)字符串

5. 去除字符串中的HTML

三、數(shù)組處理

1. 從數(shù)組中移除重復(fù)項(xiàng)

2. 判斷數(shù)組是否為空

3. 合并兩個(gè)數(shù)組

四、數(shù)字操作

1. 判斷一個(gè)數(shù)是奇數(shù)還是偶數(shù)

2. 獲得一組數(shù)的平均值

3. 獲取兩個(gè)整數(shù)之間的隨機(jī)整數(shù)

4. 指定位數(shù)四舍五入

五、顏色操作

1. 將RGB轉(zhuǎn)化為十六機(jī)制

2. 獲取隨機(jī)十六進(jìn)制顏色

六、瀏覽器操作

1. 復(fù)制內(nèi)容到剪切板

2. 清除所有cookie

3. 獲取選中的文本

4. 檢測(cè)是否是黑暗模式

5. 滾動(dòng)到頁面頂部

6. 判斷當(dāng)前標(biāo)簽頁是否激活

7. 判斷當(dāng)前是否是蘋果設(shè)備

8. 是否滾動(dòng)到頁面底部

9. 重定向到一個(gè)URL

10. 打開瀏覽器打印框

七、其他操作

1. 隨機(jī)布爾值

2. 變量交換

3. 獲取變量的類型

4. 華氏度和攝氏度之間的轉(zhuǎn)化

5. 檢測(cè)對(duì)象是否為空

您的項(xiàng)目需求