DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁常用代碼 比較基礎的東西
網頁常用代碼 比較基礎的東西
編輯:HTML和Xhtml     
◆加入收藏夾 說 明 點擊即可把你的網站添加到浏覽器的收藏菜單下 代 碼 <span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.jb51.net','腳本之家')" title="腳本之家">收藏本站</span>

 

◆設為首頁 說 明 點擊即可把你的網站設置為浏覽器的起始頁 代 碼 <span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.jb51.net');" style="CURSOR: hand">設為首頁</span>

 

◆去掉超鏈接的下劃線 說 明 有時候看著那超鏈接的下劃線挺討厭的,把下面這段代碼放到網頁源代碼<head>與</head>之間,下劃線就無影無蹤啦!
注意,網頁的<body>標簽裡不能再有link之類的屬性,否則本效果會失效! 代 碼 <style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>

 

◆自動刷新網頁 說 明 自動刷新網頁
在HTML的與之間加入下面這段代碼,則在5分鐘之後正在浏覽的頁面將會自動變為target.html這一頁。代碼中300為刷新的延遲時間,以秒為單位。targer.html為你想轉向的目標頁,若為本頁則為自動刷新本頁。 代 碼 <meta http-equiv="refresh" content="300; url=target.html">

 

◆刷新本頁 說 明 點擊即可刷新本頁。 代 碼 <a href="javascript:location.reload()" target="_self">刷新</a>

 

◆返回到上一頁 說 明 點擊即可返回到上一頁面。 代 碼 <a href="javascript:history.back(-1)">返回上一頁</a>

 

◆跳出小窗口 說 明 在打開有下面這段代碼的頁面時將會跳出一個468x60大小的小窗口。“window.html”為跳出的小窗口裡所要顯示的網頁。toolbar、status、menubar、scrollbars、設置小窗口的工具欄、狀態欄、菜單欄及滾動條的有無,resizable設置是否可讓浏覽者改變小窗口大小,width、height設置小窗口的寬度以及高度。(不過這樣的小窗口一般是不受歡迎的哦!) 代 碼 <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>

 

◆自動關閉窗口 說 明 在網頁源代碼中加入下面的代碼,則該窗口將在20秒鐘之後自動關閉!這與跳出式小窗口配合使用是再好不過啦!代碼中“i=20”表示關閉的延遲時間為20秒,可任意修改。 代 碼 <script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口將在"+i+"秒後自動關閉!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>

 

◆給頁面加保護 說 明 如果你不想讓辛辛苦苦做出來的東西被人輕易地Copy&Paste走的話,不妨在HTML裡加入下面這段代碼。當在網頁裡按下鼠標右鍵時,出現的不是想要的快捷菜單而是一個警告窗口。“\n\n”表示換行。 代 碼 <script language="JavaScript">
function helpor()
{
if (event.button==2)alert(' 僅供浏覽!謝謝!\n\n若有問題請與我聯系! ')
}
</script>

然後把<body> 改為 <body onmousedown="helpor_net()">

 

◆固定字號大小 說 明 你是否有過這樣的經歷:一個布置得很好的網頁,當浏覽時把浏覽器的字號設置成大或小時,漂亮的網頁馬上面目全非了。因為字的大小變了,版式自然亂了。現在好了,只要把下面這段代碼加入到網頁源文件的<head>與</head>之間就行了(對用<font>標簽定義的文字無效)。 代 碼 <style type="text/css">
<!--
body {font-size:9pt}
td {font-size:9pt}
-->
</style>

 

◆狀態欄裡的動態歡迎語 說 明 浏覽器的狀態欄裡出現一個字接一個字往左跑的歡迎語! 代 碼 <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.jb51.net "
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>

 

◆保護自己的頁面不被別人放在框架中 說 明 有些人真是懶得可以,把別人做好的網頁往自己網頁的框架(Frame)裡一放,別人的成果就變成了自己的,而且看不出該網頁的真實地址!為了防止你的成果被這些人所剽竊,你就可以在你網頁的HTML裡加入下面這段代碼,這樣,你的網頁便總是在整個窗口中打開了。 代 碼 <Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved