網(wǎng)頁常用代碼 比較基礎(chǔ)的東西
發(fā)布時(shí)間：2010-05-20 22:15:58 作者：佚名
我要評(píng)論都是一些網(wǎng)頁設(shè)計(jì)中，常用到的代碼，IE only,如果需要考慮到兼容性，可以參考腳本之家之前發(fā)布的文章。
| ◆加入收藏夾 |
| 說 明 |
點(diǎn)擊即可把你的網(wǎng)站添加到瀏覽器的收藏菜單下 |
| 代 碼 |
<span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.dbjr.com.cn','腳本之家')" title="腳本之家">收藏本站</span> |
| ◆設(shè)為首頁 |
| 說 明 |
點(diǎn)擊即可把你的網(wǎng)站設(shè)置為瀏覽器的起始頁 |
| 代 碼 |
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.dbjr.com.cn');" style="CURSOR: hand">設(shè)為首頁</span> |
| ◆去掉超鏈接的下劃線 |
| 說 明 |
有時(shí)候看著那超鏈接的下劃線挺討厭的，把下面這段代碼放到網(wǎng)頁源代碼<head>與</head>之間，下劃線就無影無蹤啦！
注意，網(wǎng)頁的<body>標(biāo)簽里不能再有l(wèi)ink之類的屬性，否則本效果會(huì)失效！ |
| 代 碼 |
<style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style> |
| ◆自動(dòng)刷新網(wǎng)頁 |
| 說 明 |
自動(dòng)刷新網(wǎng)頁
在HTML的與之間加入下面這段代碼，則在5分鐘之后正在瀏覽的頁面將會(huì)自動(dòng)變?yōu)閠arget.html這一頁。代碼中300為刷新的延遲時(shí)間，以秒為單位。targer.html為你想轉(zhuǎn)向的目標(biāo)頁,若為本頁則為自動(dòng)刷新本頁。 |
| 代 碼 |
<meta http-equiv="refresh" content="300; url=target.html"> |
| ◆刷新本頁 |
| 說 明 |
點(diǎn)擊即可刷新本頁。 |
| 代 碼 |
<a href="javascript:location.reload()" target="_self">刷新</a> |
| ◆返回到上一頁 |
| 說 明 |
點(diǎn)擊即可返回到上一頁面。 |
| 代 碼 |
<a href="javascript:history.back(-1)">返回上一頁</a> |
| ◆跳出小窗口 |
| 說 明 |
在打開有下面這段代碼的頁面時(shí)將會(huì)跳出一個(gè)468x60大小的小窗口。“window.html”為跳出的小窗口里所要顯示的網(wǎng)頁。toolbar、status、menubar、scrollbars、設(shè)置小窗口的工具欄、狀態(tài)欄、菜單欄及滾動(dòng)條的有無，resizable設(shè)置是否可讓瀏覽者改變小窗口大小，width、height設(shè)置小窗口的寬度以及高度。(不過這樣的小窗口一般是不受歡迎的哦！) |
| 代 碼 |
<script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script> |
| ◆自動(dòng)關(guān)閉窗口 |
| 說 明 |
在網(wǎng)頁源代碼中加入下面的代碼，則該窗口將在20秒鐘之后自動(dòng)關(guān)閉！這與跳出式小窗口配合使用是再好不過啦！代碼中“i=20”表示關(guān)閉的延遲時(shí)間為20秒，可任意修改。 |
| 代 碼 |
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口將在"+i+"秒后自動(dòng)關(guān)閉!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script> |
| ◆給頁面加保護(hù) |
| 說 明 |
如果你不想讓辛辛苦苦做出來的東西被人輕易地Copy&Paste走的話，不妨在HTML里加入下面這段代碼。當(dāng)在網(wǎng)頁里按下鼠標(biāo)右鍵時(shí)，出現(xiàn)的不是想要的快捷菜單而是一個(gè)警告窗口。“\n\n”表示換行。 |
| 代 碼 |
<script language="JavaScript">
function helpor()
{
if (event.button==2)alert(' 僅供瀏覽!謝謝!\n\n若有問題請(qǐng)與我聯(lián)系! ')
}
</script>
然后把<body> 改為 <body onmousedown="helpor_net()"> |
| ◆固定字號(hào)大小 |
| 說 明 |
你是否有過這樣的經(jīng)歷：一個(gè)布置得很好的網(wǎng)頁，當(dāng)瀏覽時(shí)把瀏覽器的字號(hào)設(shè)置成大或小時(shí)，漂亮的網(wǎng)頁馬上面目全非了。因?yàn)樽值拇笮∽兞耍媸阶匀粊y了?，F(xiàn)在好了，只要把下面這段代碼加入到網(wǎng)頁源文件的<head>與</head>之間就行了(對(duì)用<font>標(biāo)簽定義的文字無效)。 |
| 代 碼 |
<style type="text/css">
<!--
body {font-size:9pt}
td {font-size:9pt}
-->
</style> |
| ◆狀態(tài)欄里的動(dòng)態(tài)歡迎語 |
| 說 明 |
瀏覽器的狀態(tài)欄里出現(xiàn)一個(gè)字接一個(gè)字往左跑的歡迎語！ |
| 代 碼 |
<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "歡迎光臨! Welcome to www.dbjr.com.cn "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script> |
| ◆保護(hù)自己的頁面不被別人放在框架中 |
| 說 明 |
有些人真是懶得可以，把別人做好的網(wǎng)頁往自己網(wǎng)頁的框架(Frame)里一放，別人的成果就變成了自己的，而且看不出該網(wǎng)頁的真實(shí)地址！為了防止你的成果被這些人所剽竊，你就可以在你網(wǎng)頁的HTML里加入下面這段代碼，這樣，你的網(wǎng)頁便總是在整個(gè)窗口中打開了。 |
| 代 碼 |
<Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script> |
相關(guān)文章
HTML 表格詳解（簡單易懂較詳細(xì)）
HTML表格用于在網(wǎng)頁上展示數(shù)據(jù),通過標(biāo)簽及其相關(guān)標(biāo)簽來創(chuàng)建,表格由行和列組成,每一行包含一個(gè)或多個(gè)單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格
2025-03-12 禁止HTML頁面滾動(dòng)的操作方法
本文介紹了三種禁止HTML頁面滾動(dòng)的方法：通過CSS的overflow屬性、使用JavaScript的滾動(dòng)事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點(diǎn)，感興
2025-02-24 Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計(jì)需求,如需去除這些默認(rèn)樣式,可以通過CSS來實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
2024-09-25 如何通過HTML/CSS 實(shí)現(xiàn)各類進(jìn)度條的功能
本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過動(dòng)畫增強(qiáng)視覺效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽
2024-09-19 HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
Canvas 提供了一套強(qiáng)大的 2D 繪圖 API，適用于各種圖形繪制、圖像處理和動(dòng)畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁圖形應(yīng)用，這篇文章主要介紹了HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
2024-06-03 HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果
本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)
2024-02-22
