網頁廣泛使用的經典程式碼

qy_demon發表於2018-01-09
網頁

作為一名程式設計師，每天坐在電腦前敲敲打打那些重複重複再重複的語句，習慣性的思維總是被套進去，有些時候很容易把簡單的事情想複雜了！不過，我們反其道而行之，新手們只要是把下面的語句牢記，很多情況下都是會事半功倍的！


1. 將徹底遮蔽滑鼠右鍵，無右鍵選單

<body oncontextmenu=window.event.returnvalue=false>

也可以用於網頁中Table框架中

<table border oncontextmenu=return(false)><td>no</table>


2.取消選取、防止複製

<body onselectstart=return false>


3.不準貼上

<body onpaste=return false>


4.防止複製

<body oncopy=return false; oncut=return false;>


5.IE位址列前換成自己的圖示

<link rel=Shortcut Icon href=favicon.ico>

說明：關於favicon.ico檔案的製作。你可以先在FW中做一個圖片，屬於你自己站點一個小圖示。然後在ACD see將檔案屬性改為*.ico，然後將你做的*.ICO檔案傳到你的伺服器目錄中，然後就可以使用以上程式碼來實現，當別人登陸你的站點時，位址列裡使用的就是你自定義的圖示了。


6.可以在收藏夾中顯示出你的圖示

<link rel=Bookmark href=favicon.ico>

說明：製作方法和上面的一樣。只是顯示的方式不同，這個是在別人收藏你的網頁地址時顯示的個性圖示。


7.關閉輸入法

<input style=ime-mode:disabled>

說明：這段程式碼是在表格提交時用到的。也就是在輸入資料時不可以使用其他輸入法模式。


8.永遠都會帶著框架

<script language=javascript><!--

if (window == top)top.location.href = frames.htm;// --></script>

說明：frames.htm為你的網頁，這也是保護頁面的一種方法


9.防止被人frame

<SCRIPT LANGUAGE=javascript><!--

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

// --></SCRIPT>


10.網頁將不能被另存為

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

說明：<noscirpt>的用法很廣，其中一條就是可以使JS廣告失效。


11.查原始檔

<input type=button value=檢視網頁原始碼

onclick=window.location = 'view-source:'+ target=_blank>http://bbs.055.cn/test.htm';>


12.COOKIE指令碼記錄，有很大的用處哦

function get_cookie(Name) {

var search = Name + =

var returnvalue = ;

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(;, offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

}

說明：以上是JS程式碼，請自己加起始符和結束符


13.內框架<IFRAME>使用

Iframe標記的使用格式是:

<iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x

name=main></iframe>

src：檔案的路徑，既可是HTML檔案，也可以是文字、ASP等

width、height：內部框架區域的寬與高；

scrolling：當SRC的指定的HTML檔案在指定的區域不顯不完時，滾動選項，如果設定為NO，則不出現滾動條；如為Auto：則自動出現滾動條；如為Yes，則顯示；

FrameBorder：區域邊框的寬度，為了讓“內部框架“與鄰近的內容相融合，常設定為0。

name：框架的名字，用來進行識別。

比如：當你想用父框架控制內部框架時，可以使用： target=框架的名字來控制。

例子：<iframe name=mm src=http://bbs.055.cn;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no></iframe>


14.自動跳轉

在原始碼中的<head>…</head>加入如下程式碼：

<meta http-equiv=refreshcontent=3;URL=http://bbs.055.cn; charset=gb2312>

說明：content=3 表示3秒重新整理到URL


15.如何改變連結的滑鼠形狀

只需在連結上加上這一程式碼就行的了

或者跟上面的用CSS寫也行

style=cursor:hand　　　　　 　

style=cursor:crosshair

style=cursor:text 　　　　　　

style=cursor:wait

style=cursor:move 　　　　　　

style=cursor:help

style=cursor:e-resize

style=cursor:n-resize

style=cursor:nw-resize 　 　　

style=cursor:w-resize

style=cursor:s-resize

style=cursor:se-resize

style=cursor:sw-resize


以上程式碼你只需要加到連線或是頁面的style區裡就可以實現滑鼠多樣化。

相關文章