網(wǎng)站前端常用代碼大全

上傳人：1*** IP屬地：湖北上傳時(shí)間：2023-01-01 格式：DOC 頁(yè)數(shù)：21 大?。?3.50KB 積分：30 舉報(bào) 版權(quán)申訴

已閱讀5頁(yè)，還剩16頁(yè)未讀，繼續(xù)免費(fèi)閱讀

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1.結(jié)構(gòu)性定義文件類(lèi)型<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ì)齊<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>鍵盤(pán)輸入<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>（保留文件中空格的大?。╊A(yù)定格式的寬度<PREWIDTH=?></PRE>（以字元計(jì)算）向中看齊<CENTER></CENTER>（文字與圖片都可以）閃耀<BLINK></BLINK>（有史以來(lái)最被嘲弄的標(biāo)簽）字體大小<FONTSIZE=?></FONT>（從1到7）改變字體大小<FONTSIZE=+|-?></FONT>基本字體大小<BASEFONTSIZE=?>（從1到7;內(nèi)定為3）字體顏色<FONTCOLOR="#$$$$$$"></FONT>說(shuō)明（瀏覽器不會(huì)顯示）<styletype="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>之間,顏色可根據(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)<marqueebehavior=slide>...</marquee>滑動(dòng)<marqueebehavior=scroll>...</marquee>預(yù)設(shè)捲動(dòng)<marqueebehavior=alternate>...</marquee>來(lái)回捲動(dòng)<marqueedirection=down>...</marquee>向下捲動(dòng)<marqueedirection=up>...</marquee>向上捲動(dòng)<marqueedirection=right></marquee>向右捲動(dòng)<marqueedirection=’left’></marquee>向左捲動(dòng)<marqueeloop=2>...</marquee>捲動(dòng)次數(shù)<marqueewidth=180>...</marquee>設(shè)定寬度<marqueeheight=30>...</marquee>設(shè)定高度<marqueebgcolor=FF0000>...</marquee>設(shè)定背景顏色<marqueescrollamount=30>...</marquee>設(shè)定捲動(dòng)距離<marqueescrolldelay=300>...</marquee>設(shè)定捲動(dòng)時(shí)間1)貼圖：<imgsrc="圖片地址">2)加入連接：<ahref="所要連接的相關(guān)地址">寫(xiě)上你想寫(xiě)的字</a>3)在新窗口打開(kāi)連接：<ahref="相關(guān)地址"target="_blank">寫(xiě)上要寫(xiě)的字</a>4)移動(dòng)字體(走馬燈)：<marquee>寫(xiě)上你想寫(xiě)的字</marquee>5)字體加粗：<b>寫(xiě)上你想寫(xiě)的字</b>6)字體斜體：<i>寫(xiě)上你想寫(xiě)的字</i>7)字體下劃線:<u>寫(xiě)上你想寫(xiě)的字</u>8)字體刪除線:<s>寫(xiě)上你想寫(xiě)的字</s>9)字體加大:<big>寫(xiě)上你想寫(xiě)的字</big>10)字體控制大小：<h1>寫(xiě)上你想寫(xiě)的字</h1>(其中字體大小可從h1-h5,h1最大，h5最小)11)更改字體顏色：<fontcolor="#value">寫(xiě)上你想寫(xiě)的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間12)消除連接的下劃線：<ahref="相關(guān)地址"style="text-decoration:none">寫(xiě)上你想寫(xiě)的字</a>13)貼音樂(lè)：<embedsrc="音樂(lè)地址"width="寬度"height="高度"autostart=false>14)貼flash:<embedsrc="flash地址"width="寬度"height="高度">15)貼影視文件：<imgdynsrc="文件地址"width="寬度"height="高度"start=mouseover>16)換行：<br>17)段落：<p>段落</p>18)原始文字樣式：<pre>正文</pre>19)換帖子背景：<bodybackground="背景圖片地址">20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<bodybackground="背景圖片地址"bodybgproperties=fixed>21)定制帖子背景顏色：<bodybgcolor="#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、圖片制作代碼：＜imgsrc="這里放圖片地址"＞3、公告圖片代碼：＜imgborder="0"src="這里放圖片地址"/＞或＜imgsrc="這里放圖片地址"/＞4、懸浮掛飾代碼：＜imgsrc="這里放圖片地址"style="left:20px;position:relative;top:0px"/＞5、商品分類(lèi)代碼:＜imgsrc="這里放圖片地址"/＞6、字體大小代碼:＜fontsize="2"＞這里放要處理的文字，可用3、4、5等設(shè)置大?。?font＞7、字體顏色代碼:＜fontcolor="red"＞這里放要處理的文字，可以換成blue,yellow等＜/font＞8、文字鏈接代碼:＜ahref="網(wǎng)頁(yè)地址"＞鏈接的文字，在分類(lèi)欄里用時(shí)鏈接的網(wǎng)頁(yè)地址必須縮短＜/a＞9、移動(dòng)文字代碼:＜marquee＞從右到左移動(dòng)的文字＜/marquee＞10、背景音樂(lè)代碼：＜bgsoundloop="-1"src="這里放音樂(lè)地址"＞＜/bgsound＞11、圖片附加音樂(lè)代碼：＜imgborder=0src="這里放圖片地址"dynsrc="這里放音樂(lè)地址"＞12、浮動(dòng)圖片代碼:＜imgalt="1"height="150"src="這里放圖片地址"/＞公告圖片的代碼：公告掛飾：店鋪分類(lèi)代碼:背景音樂(lè)代碼：換行代碼計(jì)數(shù)器代碼顏色代碼：1白色#FFFFFF2紅色#FF00003綠色#00FF004藍(lán)色#0000FF5牡丹紅#FF00FF6青色#00FFFF7黃色#FFFF008黑色#0000009海藍(lán)#70DB9310巧克力色#5C331711藍(lán)紫色#9F5F9F12黃銅色#B5A64213亮金色#D9D91914棕色#A67D3D15青銅色#8C7853162號(hào)青銅色#A67D3D17士官服藍(lán)色#5F9F9F18冷銅色#D9871919銅色#B8733320珊瑚紅#FF7F0021紫藍(lán)色#42426F22深棕#5C403323深綠#2F4F2F24深銅綠色#4A766E25深橄欖綠#4F4F2F26深蘭花色#9932CD27深紫色#871F7828深石板藍(lán)#6B238E29深鉛灰色#2F4F4F30深棕褐色#97694F32深綠松石色#7093DB33暗木色#855E4234淡灰色#54545435土灰玫瑰紅色#85636336長(zhǎng)石色#D1927537火磚色#8E232338森林綠#238E2339金色#CD7F3240鮮黃色#DBDB7041灰色#C0C0C042銅綠色#527F7643青黃色#93DB7044獵人綠#215E2145印度紅#4E2F2F46土黃色#9F9F5F47淺藍(lán)色#C0D9D948淺灰色#A8A8A849淺鋼藍(lán)色#8F8FBD59淺木色#E9C2A660石灰綠色#32CD3261桔黃色#E4783362褐紅色#8E236B63中海藍(lán)色#32CD9964中藍(lán)色#3232CD65中森林綠#6B8E2366中鮮黃色#EAEAAE67中蘭花色#9370DB68中海綠色#426F4269中石板藍(lán)色#7F00FF70中春綠色#7FFF0071中綠松石色#70DBDB72中紫紅色#DB709373中木色#A6806474深藏青色#2F2F4F75海軍藍(lán)#23238E76霓虹籃#4D4DFF77霓虹粉紅#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E80暗金黃色#CFB53B81橙色#FF7F0082橙紅色#FF240083淡紫色#DB70DB84淺綠色#8FBC8F85粉紅色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艷藍(lán)色#5959AB89鮭魚(yú)色#6F424290猩紅色#BC171791海綠色#238E6892半甜巧克力色#6B422693赭色#8E6B2394銀色#E6E8FA95天藍(lán)#3299CC96石板藍(lán)#007FFF97艷粉紅色#FF1CAE98春綠色#00FF7F99鋼藍(lán)色#236B8E100亮天藍(lán)色#38B0DE101棕褐色#DB9370102紫紅色#D8BFD8103石板藍(lán)色#ADEAEA104濃深棕色#5C4033105淡淺灰色#CDCDCD106紫羅蘭色#4F2F4F107紫羅蘭紅色#CC3299108麥黃色#D8D8BF109黃綠色#99CC32簡(jiǎn)單常用HTML代碼大全（修改網(wǎng)頁(yè)必備）網(wǎng)頁(yè)常用HTML代碼大全超鏈接，用的最多：點(diǎn)擊在當(dāng)前頁(yè)打開(kāi)網(wǎng)站<ahref="/">這是我的網(wǎng)站</a>效果：這是我的網(wǎng)站點(diǎn)擊彈出網(wǎng)站<ahref="/"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>或<bodystyle="overflow-y:hidden">如何幾秒后轉(zhuǎn)到別的頁(yè)面？<META.HTTP-EQUIV="Refresh"C>點(diǎn)擊關(guān)閉窗口<ahref="javascript.:top.window.close();">點(diǎn)擊關(guān)閉窗口</a>！請(qǐng)問(wèn)如何去掉主頁(yè)右面的滾動(dòng)條？<bodyscroll="no"><bodystyle="overflow-y:hidden">如何做到讓一個(gè)網(wǎng)頁(yè)自動(dòng)關(guān)閉.<html><head><OBJECTid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><paramname="Command"value="Close"></object></head><body>這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.</body>如何在不刷新頁(yè)面的情況下刷新css?<style>button{color:#000000;}</style><buttonnclick=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)刷新？方法一，用refreshHTML代碼片段如下:<head><meta.http-equiv="refresh"c></head>5表示刷新時(shí)間[Ctrl+A全部選擇提示:你可先修改部分代碼，再按運(yùn)行]方法二，使用setTimeout控制<imgsrc=/logo.gif><script>functionrl(){document.location.reload()}setTimeout(rl,2000)</script>如何讓超鏈接沒(méi)有下劃線在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：<style.type="text/css"></style>請(qǐng)問(wèn)如何去掉IE的上下滾動(dòng)條？<bodystyle=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘></body>怎樣才能把RealPlayer文件在網(wǎng)頁(yè)做一個(gè)試聽(tīng)連接？<embedheight=25src=51js.rmtype=audio/x-pn-realaudio-pluginwidth=50autostart="false"c>如何用html實(shí)現(xiàn)瀏覽器上后退按鈕的功能？<ahref="javascript.:history.go(-1)">點(diǎn)擊后退</a>或者<script>history.back()</script>請(qǐng)問(wèn)怎么在網(wǎng)頁(yè)中改變鼠標(biāo)的箭頭形狀？HTML代碼片段如下:<body><ahref="#"style="cursor:auto;">auto</a><br><ahref="#"style="cursor:crosshair">crosshair</a><br><ahref="#"style="cursor:default">default</a><br><ahref="#"style="cursor:hand">hand</a><br><ahref="#"style="cursor:move">move</a><br><ahref="#"style="cursor:e-resize">e-resize</a><br><ahref="#"style="cursor:ne-resize">ne-resize</a><br><ahref="#"style="cursor:nw-resize">nw-resize</a><br><ahref="#"style="cursor:n-resize">n-resize</a><br><ahref="#"style="cursor:se-resize">se-resize</a><br><ahref="#"style="cursor:sw-resize">sw-resize</a><br><ahref="#"style="cursor:s-resize">s-resize</a><br><ahref="#"style="cursor:w-resize">w-resize</a><br><ahref="#"style="cursor:text">text</a><br><ahref="#"style="cursor:wait">wait</a><br><ahref="#"style="cursor:help">help</a><br></body>怎樣不使用頁(yè)面的緩存？即每一次打開(kāi)頁(yè)面時(shí)不是調(diào)用緩存中的東西<META.HTTP-EQUIV="ragma"C>頁(yè)面打開(kāi)時(shí)自動(dòng)彈出一個(gè)窗口的代碼怎么寫(xiě)？HTML代碼片段如下:<html><head><title>UntitledDocument</title><meta.http-equiv="Content-Type"c><script.language="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>"></script></head><bodybgcolor="#FFFFFF"text="#000000"></body></html>如何讓我的頁(yè)面出現(xiàn)一個(gè)會(huì)講話的小人？MerlinHTML代碼片段如下:<HTML><HEAD><TITLE>默林</TITLE><META.http-equiv=Content-Typec></HEAD><BODY><p><OBJECTid=simsclassid=CLSID45FD31B-5C6E-11D1-9EC1-00C04FD7081F></OBJECT><SCRIPT>varMerlinID;varMerlinACS;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();functionLoadLocalAgent(CharID,CharACS){LoadReq=sims.Characters.Load(CharID,CharACS);return(true);}</SCRIPT></p><p></p><p>看此效果必須裝有office2000！??！</p></BODY></HTML>在頁(yè)面中如何加入不是滿(mǎn)鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)HTML代碼片段如下:<html><head><STYLE>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</STYLE></head><bodybgproperties="fixed"></body></html>[Ctrl+A全部選擇提示:你可先修改部分代碼，再按運(yùn)行]background-repeat:no-repeat;是讓背景圖不占滿(mǎn)整個(gè)頁(yè)面bodybgproperties="fixed"是拉動(dòng)scroll時(shí)背景圖不動(dòng)文本輸入框什么屬性能實(shí)現(xiàn)不可輸入？HTML代碼片段如下:<inputtype="text"name="textfield"disabled>或者<inputtype="text"name="textfield"readonly>如何禁止自己的頁(yè)面在別人的框架里打開(kāi)？把以下代碼加至你的<head>區(qū)<script>if(window.top!=self){window.top.location=self.location}</script>如何實(shí)現(xiàn)首頁(yè)全屏幕顯示？HTML代碼片段如下:<html><body><script.language="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcoolw=642varcoolh=400varcoolhuang=window.open("","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代碼片段如下:<bodynkeydown=return(!(event.keyCode==78&&event.ctrlKey))>如何把頁(yè)面加入用戶(hù)的收藏夾？HTML代碼片段如下:<ahref="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘無(wú)憂腳本‘‘‘‘)">收藏?zé)o憂腳本</a>如何在我的頁(yè)面中加入背景音樂(lè)？IE:<bgsoundsrc="*.mid"loop=infinite>NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true>*.mid你的背景音樂(lè)的midi格式文件關(guān)于頁(yè)面轉(zhuǎn)換效果<meta.http-equiv="enter"c>或<meta.http-equiv="exit"c>說(shuō)明：Transition=23是隨機(jī)效果，另可以選0-22任一數(shù)字固定某個(gè)效果如何設(shè)定打開(kāi)頁(yè)面的大小HTML代碼片段如下:<body>怎樣雙擊滾屏，單擊停止？HTML代碼片段如下:<html><head><title>新網(wǎng)頁(yè)1</title></head><body><script.language"<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcurrentpos,timer;functioninitialize(){timer=setInterval("scrollwindow()",10);}functionsc(){clearInterval(timer);}functionscrollwindow(){currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if(currentpos!=document.body.scrollTop)sc();}document.onmousedown=scdocument.ondblclick=initialize</script><p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p></body></html>如何讓body中的文字不被選中？HTML代碼片段如下:<body>aaa</body>如何讓彈出的窗口不能關(guān)閉？在新開(kāi)的窗口中加入如下代碼<bodynunload=open(location.href)></body>如何讓瀏覽器在保存頁(yè)面時(shí)保存失敗？HTML代碼片段如下:<NOSCRIPT><<Bstyle="color:black;background-color:#ffff66">IFRAME</B>SRC="*.html"></<Bstyle="color:black;background-color:#ffff66">IFRAME</B>></NOSCRIPT>表單中如何用圖片按鈕實(shí)現(xiàn)reset?<html><head><script>functionaaa(){document.forms[0].reset()}</script></head><body><form><textarearows="2"name="S1"cols="20"></textarea><inputtype="submit"values="提交"name="B1"><imagesrc="logo.gif"nclick=aaa()></form></body></html>進(jìn)入網(wǎng)頁(yè)時(shí)彈出的信息對(duì)話框<body>關(guān)閉窗口后彈出對(duì)話框<body>告別提示<bodynUnload=alert("再見(jiàn)，感謝你的訪問(wèn)！")>只要你肯干,沒(méi)有什么不能成功的.1。忽視右鍵<bodyncontextmenu="returnfalse">或<bodystyle="overflow-y:hidden">2。加入背景音樂(lè)IE:<bgsoundsrc="*.mid"loop=infinite>NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true></embed>*.mid你的背景音樂(lè)的midi格式文件3。簡(jiǎn)單的window.open方法<ahref="#"nclick="javascript:window.open(文件路徑/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或圖片</a>參數(shù)解釋?zhuān)?lt;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"></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í)保存失敗<NOSCRIPT><iframe.src="*.html"></iframe></NOSCRIPT>7。隨機(jī)替換圖片<script>document.write(<imgsrc="img/+parseInt(Math.random()*(5))+.gif"height="40"width="50"></script>圖片文件名為0.gif1.gif2.gif3.gif4.gif8。窗口定時(shí)關(guān)閉先將如下代碼網(wǎng)頁(yè)文件的區(qū)：<script.language="javascript">functioncloseit(){setTimeout("self.close()",10000)//毫秒}</script>然后再在<body>標(biāo)內(nèi)加入如：<bodynload="closeit()">9。網(wǎng)頁(yè)自動(dòng)關(guān)閉<html><head><objectid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><paramname="Command"value="Close"></object></head><bodynload="window.setTimeout(closes.Click(),10000)">這個(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值<divz-Index:2><objectxxx></object>＃前面<divz-Index:1><objectxxx></object>＃后面<divid="Layer2"style="position:absolute;top:40;width:400px;height:95px;z-index:2">height=100%width=100%><iframe.width=0height=0></iframe></div><divid="Layer1"style="position:absolute;top:50;width:200px;height:115px;z-index:1"><iframe.height=100%width=100%></iframe></div>13。返回上一頁(yè)<ahref=javascript:history.back(1)>『返回上一頁(yè)』</a>14。關(guān)閉窗口<ahref=javascript:self.close()>『關(guān)閉窗口』</a>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)右鍵<tableborderncontextmenu=return(false)><td>no</table>可用于Table17.<bodynselectstart="returnfalse">取消選取、防止復(fù)制18.onpaste="returnfalse"不準(zhǔn)粘貼19.oncopy="returnfalse;"ncut="returnfalse;"防止復(fù)制20.<linkrel="ShortcutIcon"href="favicon.ico">IE地址欄前換成自己的圖標(biāo)21.<linkrel="Bookmark"href="favicon.ico">可以在收藏夾中顯示出你的圖標(biāo)22.<inputstyle="ime-mode:disabled">關(guān)閉輸入法23.永遠(yuǎn)都會(huì)帶著框架<script.language="JavaScript"></script>24.防止被人frame.<SCRIPT.LANGUAGE=JAVASCRIPT></SCRIPT>25.網(wǎng)頁(yè)將不能被另存為<noscript><iframe.src=*.html></iframe></noscript>26.查看網(wǎng)頁(yè)源代碼<inputtype=buttonvalue=查看網(wǎng)頁(yè)源代碼onclick="window.location="view-source:"+""">27.刪除時(shí)確認(rèn)<ahref="javascript:if(confirm("確實(shí)要?jiǎng)h除嗎?"))location="boos.asp?&areyou=刪除&page=1"">刪除</a>28.屏蔽功能鍵Shift,Alt,Ctrl<script>functionlook(){if(event.shiftKey)alert("禁止按Shift鍵!");//可以換成ALTCTRL}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,26Feb199708:21:57GMT">或者<META.HTTP-EQUIV="expires"CONTENT="0">30.怎樣讓表單沒(méi)有凹凸感？<inputtype=textstyle="border:1solid#000000">或<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:1solid#000000"></textarea>31.不要滾動(dòng)條?讓豎條沒(méi)有:<bodystyle="overflow:scroll;overflow-y:hidden"></body>讓橫條沒(méi)有:<bodystyle="overflow:scroll;overflow-x:hidden"></body>兩個(gè)都去掉？更簡(jiǎn)單了<bodyscroll="no"></body>32.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周?chē)奶摼€？<ahref="#"nFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>33.電子郵件處理提交表單<="form1"method="post"action="mailt****@***.com"enctype="text/plain"><inputtype=submit></form>34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？window.opener.location.reload()35.如何設(shè)定打開(kāi)頁(yè)面的大小<bodynload="top.resizeTo(300,200);">打開(kāi)頁(yè)面的位置<bodynload="top.moveBy(300,200);">36.在頁(yè)面中如何加入不是滿(mǎn)鋪的背景圖片,拉動(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ù)字組成<script.language="Javascript"></script>38.獲得一個(gè)窗口的大小document.body.clientWidth;document.body.clientHeight39.怎么判斷是否是字符if(/[^/x00-/xff]/g.test(s))alert("含有漢字");elsealert("全是字符");40.TEXTAREA自適應(yīng)文字行數(shù)的多少<textarearows=1name=s1cols=27npropertychange="this.style.posHeight=this.scrollHeight"></textarea>41.日期減去天數(shù)等于第二個(gè)日期<script.language=Javascript>functioncc(dd,dadd){//可以加上錯(cuò)誤處理vara=newDate(dd)a=a.valueOf()a=a-dadd*24*60*60*1000a=newDate(a)alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日")}cc("12/23/2002",2)</script>42.選擇了哪一個(gè)Radio<HTML><script.language="vbscript">functioncheckme()foreachobinradio1ifob.checkedthenwindow.alertob.valuenextendfunction</script><BODY><INPUTname="radio1"type="radio"value="style"checked>Style.<INPUTname="radio1"type="radio"value="barcode">Barcode<INPUTtype="button"value="check"nclick="checkme()"></BODY></HTML>43.腳本永不出錯(cuò)<SCRIPT.LANGUAGE="JavaScript"></SCRIPT>44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框<inputnkeydown="if(event.keyCode==13)event.keyCode=9">45.檢測(cè)某個(gè)網(wǎng)站的鏈接速度：把如下代碼加入<body>區(qū)域中:<script.language=Javascript>tim=1setInterval("tim++",100)b=1varautourl=newArray()autourl[1]=""autourl[2]=""autourl[3]=""autourl[4]=""autourl[5]=""functionbutt(){document.write("<=autof>")for(vari=1;i<autourl.length;i++)document.write("<inputtype=textname=txt"+i+"size=10value=測(cè)試中……>=》<inputtype=textname=url"+i+"size=40>=》<inputtype=buttonvalue=GOonclick=window.open(this.form.url"+i+".value)><br>")document.write("<inputtype=submitvalue=刷新></form>")}butt()functionauto(url){document.forms[0]["url"+b].value=urlif(tim>200){document.forms[0]["txt"+b].value="鏈接超時(shí)"}else{document.forms[0]["txt"+b].value="時(shí)間"+tim/10+"秒"}b++}functionrun(){for(vari=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+"width=1height=1nerror=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-resizen-resizenw-resizew-resizes-resizese-resizesw-resize47、禁止鼠標(biāo)右鍵，把Demo的圖片全都設(shè)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的，主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單：<script.LANGUAGE="JavaScript">functionclick(){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)題,因?yàn)樗悄J(rèn)設(shè)置。要設(shè)置的語(yǔ)言可以在HTML代碼狀態(tài)下找到:$#@60;metahttp－equiv="ContentType"content="text/html;charset=gb2312"$#@62;把charset=gb2312改換成其它語(yǔ)言代碼即可,比如英文:charset=en.2.怎樣防止別人把你的網(wǎng)頁(yè)放到框架里?因?yàn)榭蚣埽╢rame）的緣故,有許多人把別人的網(wǎng)頁(yè)放置到自己的框架里,使之成為自己的一頁(yè)。如果你要防止別人這樣做,可以加入下列JavaScript代碼即可,它會(huì)自動(dòng)監(jiān)測(cè),然后跳出別人的框架。$#@60;scriptlanguage="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;!－－MicrosoftFrontPage3.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;scriptLANGUAGE="JavaScript"$#@62;functionTestBrowser(){ie=((navigator.appName=="MicrosoftInternetExplorer")＆＆(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)參考:/～tiantao/test.htm6.怎樣讓鏈接沒(méi)有下劃線?只要在加入以下代碼,所有鏈接就都沒(méi)有下劃線了:$#@60;styletype="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ù)定的主題?AHREF=mailto:lovett@163.net?subject=test8.怎樣讓背景圖像不滾動(dòng)?InternetExplorer瀏覽器支持一個(gè)Body屬性Bgproperties,它可以讓背景不滾動(dòng)。$#@60;BodyBackground="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;metahttp－equiv="PICS－Label"????content=(PICS－1.1"/ratingsv01.html"？?lgentruecomment"RSACiNorthAmericaServer"？?for"http://youHostname"？?on"1998.11.26GMT08:15?0500"？?r(n0s0v0l0))$#@62;10.怎樣定義本網(wǎng)頁(yè)的關(guān)鍵

人人文庫(kù)> 全部分類(lèi)> 教育資料 > 課件下載

溫馨提示

1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

網(wǎng)站前端常用代碼大全

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

網(wǎng)站前端常用代碼大全

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔