網(wǎng)頁制作小結(jié)

網(wǎng)頁常用小技巧1.oncontextmenu="window.event.returnValue=false"將徹底屏蔽鼠標(biāo)右鍵

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

2.<bodyonselectstart="returnfalse">取消選取、防止復(fù)制

3.onpaste="returnfalse"不準(zhǔn)粘貼

4.oncopy="returnfalse;"oncut="returnfalse;"防止復(fù)制

5.<linkrel="ShortcutIcon"href="favicon.ico">IE地址欄前換成自己的圖標(biāo)

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

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

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

<scriptlanguage="JavaScript"><!--

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

//--></script>

9.防止被人frame

<SCRIPTLANGUAGE=JAVASCRIPT><!--

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

//--></SCRIPT>

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

<noscript><iframesrc=*.html></iframe></noscript>

11.<inputtype=buttonvalue=查看網(wǎng)頁源代碼

onclick="window.location='view-source:'+'/'">

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

<ahref='javascript:if(confirm("確實(shí)要?jiǎng)h除嗎?"))location="boos.asp?&areyou=刪除&page=1"'>刪

除</a>

13.取得控件的絕對(duì)位置

//Javascript

<scriptlanguage="Javascript">

functiongetIE(e){

vart=e.offsetTop;

varl=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

</script>

//VBScript

<scriptlanguage="VBScript"><!--

functiongetIE()

dimt,l,a,b

seta=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

whilea.tagName<>"BODY"

seta=a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox"top="&t&chr(13)&"left="&l,64,"得到控件的位置"

endfunction

--></script>

14.光標(biāo)是停在文本框文字的最后

<scriptlanguage="javascript">

functioncc()

{

vare=event.srcElement;

varr=e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

</script>

<inputtype=textname=text1value="123"onfocus="cc()">

15.判斷上一頁的來源

javascript:

document.referrer

16.最小化、最大化、關(guān)閉窗口

<objectid=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<paramname="Command"value="Minimize"></object>

<objectid=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<paramname="Command"value="Maximize"></object>

<OBJECTid=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<PARAMNAME="Command"VALUE="Close"></OBJECT>

<inputtype=buttonvalue=最小化onclick=hh1.Click()>

<inputtype=buttonvalue=最大化onclick=hh2.Click()>

<inputtype=buttonvalue=關(guān)閉onclick=hh3.Click()>

本例適用于IE

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

<script>

functionlook(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

18.網(wǎng)頁不會(huì)被緩存

<METAHTTP-EQUIV="pragma"CONTENT="no-cache">

<METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache,must-revalidate">

<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">

或者<METAHTTP-EQUIV="expires"CONTENT="0">

19.怎樣讓表單沒有凹凸感？

<inputtype=textstyle="border:1solid#000000">

或

<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:

1solid#000000"></textarea>

20.<div><span>&<layer>的區(qū)別？

<div>(division)用來定義大段的頁面元素，會(huì)產(chǎn)生轉(zhuǎn)行

<span>用來定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行

<layer>是ns的標(biāo)記，ie不支持，相當(dāng)于<div>

21.讓彈出窗口總是在最上面:

<bodyonblur="this.focus();">

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

讓豎條沒有:

<bodystyle='overflow:scroll;overflow-y:hidden'>

</body>

讓橫條沒有:

<bodystyle='overflow:scroll;overflow-x:hidden'>

</body>

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

<bodyscroll="no">

</body>

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

<ahref="#"onFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>

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

<formname="form1"method="post"action="mailto:****@***.com"enctype="text/plain">

<inputtype=submit>

</form>

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

window.opener.location.reload()

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

<bodyonload="top.resizeTo(300,200);">

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

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

<STYLE>

body

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

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

</STYLE>CSS透明度大匯總近年來，CSS不透明算得上是一種相當(dāng)流行的技術(shù)，但在跨瀏覽器支持上，對(duì)于開發(fā)者來說，可以說是一件令人頭疼的事情。目前還沒有一個(gè)通用方法，以確保透明度設(shè)置可以在目前使用的所有瀏覽器上有效。這篇匯總主要是提供一些CSS不透明的詳細(xì)介紹，代碼示例和解釋，以實(shí)現(xiàn)這項(xiàng)有用的CSS技術(shù)在您的項(xiàng)目中兼容所有瀏覽器。關(guān)于CSS透明度，有一點(diǎn)需要注意的是，它雖然使用了很多年，但它一直以來都不是一個(gè)標(biāo)準(zhǔn)屬性。它是一種非標(biāo)準(zhǔn)技術(shù)，應(yīng)該是CSS3規(guī)范的一部分。1.舊的Opacity設(shè)置以下代碼是Firefox和Safari舊版本所需的透明度設(shè)置:#myElement{

-khtml-opacity:.5;

-moz-opacity:0.5;

}

-khtml-opacity設(shè)置是針對(duì)舊版本的Webkit渲染引擎，這種專用屬性現(xiàn)在已經(jīng)過時(shí)了，除非你還有需要兼容Safari1.x.的用戶。第二行使用專用屬性

-moz-opacity是

為了兼容Mozilla渲染引擎的早期版本，以及追溯到NetscapeNavigator。Firefox0.9以后就不要求使用-moz-opacity屬性，F(xiàn)irefox3.5（現(xiàn)在使用Gecko引擎）已經(jīng)不在支持這個(gè)屬性。2.在Firefox,Safari,Chrome和Opera下的CSS透明度以下代碼是除了IE外的所有當(dāng)前瀏覽器的最簡(jiǎn)單，最最新的不透明度設(shè)置的CSS語法：#myElement{

opacity:.7;

}

上述語法將設(shè)置一個(gè)元素為70％不透明（或30%透明）。設(shè)置opacity:1將使元素不透明，而設(shè)置opacity:0將使得元素完全不可見。你

只要記住“opacity”等同于“不透明”就很容易記住了，opacity值越小就越接近透明。opacity屬性可以精確地小數(shù)點(diǎn)后兩位，所以值取“.01”和“.02”實(shí)際上是不同的，雖然可見度很難被發(fā)覺。一般情況下，精確到一位就可以了，取值如“.3”或“.7”。3.IE下的CSS透明度IE下照舊有別于其他瀏覽器，并且目前也有三個(gè)不同版本的IE在廣泛使用，透明度設(shè)置是不同的，有時(shí)需要額外的CSS來控制：#myElement{

filter:alpha(opacity=40);

}

上面的CSS使用專用的filter屬性來設(shè)置IE6-8透明度。對(duì)于IE6和IE7需要注意：為了使得透明設(shè)置生效，元素必須是“有布局”。一個(gè)元素可以通過使用一些CSS屬性來使其被布局，有如width

和

position。關(guān)于微軟專有的hasLayout屬性詳情，以及如何觸發(fā)它，參考這里。另外一個(gè)設(shè)置IE8的CSS透明度的方法語法如下（注意注釋中指出的版本）：#myElement{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);

/*第一行在IE6,IE7和IE8下有效*/

-ms-filter:

"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";

/*第二行僅在IE8下有效*/

}

第一行代碼針對(duì)當(dāng)前所有IE版本，第二行僅針對(duì)IE8。注意兩行代碼的不同之處：在第二行代碼中，在filter屬性前跟著-ms-前綴，并且屬性值有加引號(hào)，這些都是語法所必須的。說實(shí)在，有了如前一個(gè)例子中用alpha(opacity=40)的語法來作用于任何版本的IE下的任何有布局的元素之后，我也不確定是否還有必要用“progid”的方法。4.使用JavaScript設(shè)置和改變CSS透明度

您可以使用下面的語法訪問JavaScript中的CSSopacity

屬性：document.getElementById("myElement").style.opacity=".4";

//針對(duì)所有現(xiàn)代瀏覽器

document.getElementById("myElement").style.filter=

"alpha(opacity=40)";//針對(duì)IE上面的代碼可以使用行內(nèi)循環(huán)或者其他動(dòng)態(tài)函數(shù)遞增修改透明度的值。當(dāng)然，你必須先通過特征檢測(cè)來決定使用哪一行代碼。5.使用JQuery設(shè)置和改變CSS透明度

直接使用jQuery設(shè)置CSS透明度更直觀更容易實(shí)現(xiàn)，因?yàn)樵谒袨g覽器代碼都一樣，并且你不必?fù)?dān)心在IE下元素是否“haslayout”：$("#myElement").css({opacity:.4});

//所有瀏覽器有效您也可以使用一下jQuery代碼使一個(gè)元素動(dòng)畫透明：$("#myElement").animate({

opacity:.4

},1000,function(){

//動(dòng)畫完成，所有瀏覽器下有效

});

不管元素的透明度在動(dòng)畫開始時(shí)是多少，它都會(huì)漸變到透明度為“.4”。動(dòng)畫的速度通過值“1000”設(shè)定，動(dòng)畫時(shí)間以毫秒為單位。代碼中的最后一個(gè)屬性是一個(gè)可選回調(diào)函數(shù)，將在動(dòng)畫完成后執(zhí)行。如果該元素的透明度在CSS中已經(jīng)設(shè)定為“.4”，那在動(dòng)畫運(yùn)行的時(shí)候，你將不會(huì)發(fā)覺有任何不同，所以動(dòng)畫開始和最終透明度要有所不同。6.通過RGBA的透明度另一個(gè)CSS3技術(shù)只支持部分新的瀏覽器（Firefox3+,Opera10.1+,Chrome2+,Safari3.1+），可通過RGBA的alpha通道的方式設(shè)定。語法如下：#rgba{

background:rgba(98,135,167,.4);

}在上面的定義中，通過RGB（前三個(gè)數(shù)字）給背景設(shè)定顏色，然后最后一個(gè)是alpha設(shè)置，以執(zhí)行給定顏色的透明度。這個(gè)alpha設(shè)置跟opacity

屬性一樣，可設(shè)定任何0到1的數(shù)字，精確得到兩位小數(shù)點(diǎn)。數(shù)字值越大，就越接近完全不透明的顏色。7.通過HSLA的透明度類似之前的定義，CSS3還允許使用HSLA單獨(dú)設(shè)置顏色和alpha值，HSLA表示Hue（色調(diào)）,

Saturation（飽和度）,

Lightness（亮度）,和Alpha。以下是HSLA透明的例子：#hsla{

background:hsla(207,38%,47%,.4);

}

更多關(guān)于HSLA顏色的解釋，參考這篇來自W3.org的文章。如同RGBA透明度，最后的數(shù)字表示透明度設(shè)置，跟RGBA起同樣的作用。注意RGBA和HSLA透明度的一個(gè)重要的好處是這些透明度設(shè)置不會(huì)影響到子元素的，但通過opacity屬性的方式則會(huì)。alpha設(shè)置的RGBA和HSLA只影響背景顏色的透明度，僅此而已。優(yōu)秀網(wǎng)站的10個(gè)技巧每一個(gè)網(wǎng)站管理者都希望他們的網(wǎng)站是最好的。總有一個(gè)原因讓他決定建立一個(gè)網(wǎng)站。但不管原因是什么，無論是出于商業(yè)目的還是為個(gè)人使用，創(chuàng)造一個(gè)令人印象深刻的網(wǎng)站始終是主要目標(biāo)。如果您希望您的網(wǎng)站看起來更專業(yè)，這十個(gè)技巧可能給您很多幫助：1.導(dǎo)航是關(guān)鍵確保您的網(wǎng)站有一個(gè)有組織層次結(jié)構(gòu)的文本鏈接。您的主頁可以從每一個(gè)頁面訪問到。鏈接放置必須引導(dǎo)訪問者無縫的從一個(gè)頁面到另一個(gè)而不會(huì)造成任何混淆。2.內(nèi)容依然是王道從長(zhǎng)遠(yuǎn)來看，一個(gè)信息豐富的網(wǎng)站最終會(huì)受歡迎。不僅訪問者能從您優(yōu)化內(nèi)容的網(wǎng)站獲得相關(guān)數(shù)據(jù)，優(yōu)化內(nèi)容也將使您的網(wǎng)站對(duì)搜索引擎友好。3.使用適當(dāng)?shù)奈淖趾蛨D形不要過度用圖片填充您的網(wǎng)站因?yàn)樗阉鳈C(jī)器人不能很好的理解它們。但無論如何，您還是需要它，因?yàn)橄啾纫幌聢D片比文字更能吸引訪問者。平衡是關(guān)鍵。4.使用不同的瀏覽器測(cè)試您的網(wǎng)站。在IE下看起來很好但在Mozilla下就可能不行了。所以請(qǐng)用互聯(lián)網(wǎng)上流行的瀏覽器測(cè)試您的頁面一確保您的網(wǎng)站看起來更加專業(yè)。5.少即是多如果您看過Google的網(wǎng)站，那您知道這句話的含義。少字節(jié)意味著網(wǎng)頁加載更快。6.確保您的網(wǎng)站沒有壞鏈接對(duì)一個(gè)互聯(lián)網(wǎng)沖浪者而言，沒有什么比在他們的電腦熒屏上看到頁面無法顯示更讓人沮喪了。7.確保您的網(wǎng)站沒有書寫或語法錯(cuò)誤如果您想使您的網(wǎng)站看起來更完美更專業(yè)，你必須檢查再檢查，直到您對(duì)您網(wǎng)站的內(nèi)容感到滿意。8.設(shè)計(jì)的一致性很重要不要再您的網(wǎng)站的每一頁過度的穿插不同的配色方案。訪問者可能會(huì)因?yàn)樗麄冊(cè)诓煌木W(wǎng)站然后離開。請(qǐng)時(shí)刻保持頁面統(tǒng)一。9.節(jié)制使用多媒體元素在您的網(wǎng)站插入音頻和視頻是好的。但切忌自動(dòng)播放因?yàn)樗鼘?huì)使得你的也沒加載更慢。在一些情況下，它可能會(huì)崩潰用戶的web瀏覽器。10.保持每個(gè)頁面簡(jiǎn)短你最多只能讓它在連擊滾動(dòng)條四下時(shí)讓它滾動(dòng)到頁面的底部，除此之外，別無它法。個(gè)人小結(jié)很簡(jiǎn)單的十條小技巧，有些我們可能都知道，但在實(shí)際網(wǎng)站建設(shè)或者維護(hù)的過程中，我們卻常常忽視，所以，無論您是一個(gè)網(wǎng)站開發(fā)人員還是個(gè)人站長(zhǎng)，請(qǐng)花點(diǎn)時(shí)間思考一下，如何讓您的網(wǎng)站更加優(yōu)秀。網(wǎng)站優(yōu)化付費(fèi)推廣只對(duì)您付了費(fèi)的搜索引擎有效，而SEO網(wǎng)站優(yōu)化卻是對(duì)任何搜索引擎都是有效的；

付費(fèi)推廣只對(duì)您付了費(fèi)的關(guān)鍵詞有效，而網(wǎng)站優(yōu)化卻除了指定詞外還能產(chǎn)生很多的相關(guān)詞；

付費(fèi)推廣在您停止付費(fèi)后效果就立即消失了，而SEO優(yōu)化服務(wù)卻在您合同期滿后效果仍然保留。如果您只關(guān)心關(guān)鍵詞是否排名在知名搜索引擎前列，那么網(wǎng)站優(yōu)化的收費(fèi)標(biāo)準(zhǔn)就只需要按照優(yōu)化關(guān)鍵詞的難度和數(shù)量來計(jì)算費(fèi)用了（當(dāng)然您只是在做搜索引擎優(yōu)化-SEO）。衡量一個(gè)關(guān)鍵詞的優(yōu)化價(jià)格（難度）取決于以下幾個(gè)因素：

1.該關(guān)鍵詞搜索結(jié)果的多少

2.參與該關(guān)鍵詞優(yōu)化的網(wǎng)站數(shù)量

3.被優(yōu)化的網(wǎng)站需要修改內(nèi)容的多少

4.希望得到排名位置（前5位、前10位、前20位、前30位，這4個(gè)不同級(jí)別的優(yōu)化費(fèi)用不同。有研究表明：在一個(gè)搜索引擎關(guān)鍵詞查詢結(jié)果中，排名在前十位的頁面檢索將掠去此關(guān)鍵詞查詢?cè)L