收集一些比較好的JS腳本和網頁經典代碼

 收集一些比較好的JS腳本

1、 如果文字過長,則將過長的部分變成省略號顯示
  < DIV STYLE ="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis" > < NOBR > 就是比如有一行文字，很長，表格內一行顯示不下. </ NOBR > </ DIV >
2.透明圖層
< div id ="Layer1" style ="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)" > < table width ="96%" border ="1" cellpadding ="1" cellspacing ="1" bordercolor ="#FFFFFF" bgcolor ="#999999" > < tr > < td height ="25" bgcolor ="#f5f5f5" class ="13" > 你也可以在這裏插入圖片 </ td ></ tr > </ table > </ div >

網頁經典代碼
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區裏就可以實現鼠標多樣化。

16 .全屏顯示

< form > < div align = center > < input type = BUTTON name = FullScreen value = 全屏顯示 onClick = window.open(document.location, ' big ' , ' fullscreen=yes ' ) > </ div > </ form >
把它放到 < body > 中。

17 .設爲首頁

< script language = javascript > <!-- function defaul_home(){ this .home.style.behavior = ' url(#default#homepage) ' ; this .home.setHomePage([url] [url = http: // bbs.055.cn/[/url]]http://bbs.055.cn/[/url]'[/url]; } var focusok = false ; if (navigator.appName == Netscape{ focusok = true ; } vers = navigator.appVersion; if (navigator.appName == Microsoft Internet Explorer{ pos = vers.lastIndexOf( ' . ' ); vers = vers.substring(pos - 1 ,vers.length); } proper_version = parseFloat(vers); if (proper_version >= 5 ){ focusok = true ; } function launchstock1(htmlurl){ var stock = window.open (htmlurl,stock,top = 2 ,left = 2 ,toolbar = no,location = no,directories = no,status = no,menubar = no,scro llbars = yes, resizable = no,width = 700 ,height = 510 ; if (focusok){ stock.focus(); } return true ; } function launchstock(){ var stock = window.open (,stock,top = 2 ,left = 2 ,toolbar = no,location = no,directories = no,status = no,menubar = no,scrollbars = yes, resizable = no,width = 700 ,height = 510 ; if (focusok){ stock.focus(); } return true ; } // --> </ script > < a href = # name = home onClick = defaul_home(); title === E代時光 ==> 設爲首頁 </ a >
 

18 .這裏是加入收藏夾的代碼

< a href = # onClick = window.external.addFavorite(http: // bbs.055.cn';.'拂曉雅閣') target = _self title = 拂曉雅閣 > 加入收藏夾 </ a >

19 .flash圖片效果
以下代碼加入 < head > 區域

< SCRIPT language = javascript > <!-- function makevisible(cur,which){ if (which == 0 ) cur.filters.alpha.opacity = 100 else cur.filters.alpha.opacity = 20 } // --> </ SCRIPT >
以下代碼加入 < body > 區域

< img src = http: // bbs.055.cn/images/logo.gif;; style=filte ... nbsp;onMouseOver=makevisible ( this , 0 ) onMouseOut = makevisible( this , 1 ) width = 63 height = 56 > // 圖片地址請自己改
 

20 .load 進度條

< table cellspacing = 0 cellpadding = 0 bgcolor = #FFFFFF width = 40 % id = P >< tr >< td > < table cellspacing = 0 cellpadding = 0 bgcolor = #0000FF height = 18 id = Q >< tr >< td ></ td ></ tr ></ table ></ td ></ tr ></ table > </ center > < script language = javascript > var R = 0 ; load(); function load() {R = R + 2 ; Q.style.width = R + % ; time = setTimeout(load(), 50 ); if (R > 100 ) {clearTimeout(time); P.style.width = 0 }} </ script >

21  全屏

< script language = javascript > window.open( ' index.asp ' , '' , ' fullscreen=1 ' ); </ script >

22 .背景圖片滾動

< body scroll = no background = images / bg.jpg link = #00FF00 alink = #FF0000 vlink = #00FF00 bgcolor = # 000080 topmargin = 8 > < script language = javascript > var backgroundOffset = 0 ; var bgObject = eval( ' document.body ' ); function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1 ; if (backgroundOffset > maxSize) backgroundOffset = 0 ; bgObject.style.backgroundPosition = 0 + backgroundOffset;} var ScrollTimer = window.setInterval(scrollBG( 410 ), 20 ) </ script >

23 .網頁不會被緩存
HTMl網頁

< META HTTP - EQUIV = pragma CONTENT = no - cache > < META HTTP - EQUIV = Cache - Control CONTENT = no - cache, must - revalidate > < META HTTP - EQUIV = expires CONTENT = Wed, 26 Feb 1997 08 : 21 : 57 GMT >
 
或者

< META HTTP - EQUIV = expires CONTENT = 0 >

ASP網頁

Response.Expires = - 1 　　Response.ExpiresAbsolute = Now() - 1 　　Response.cachecontrol = no - cache
　　
PHP網頁

header(Expires: Mon, 26 Jul 1997 05 : 00 : 00 GMT; header(Cache - Control: no - cache, must - revalidate; header(Pragma: no - cache;

24.最小化、最大化、關閉窗口

< object id = hh1 classid = clsidDB880A6 - D8FF - 11CF - 9377 - 00AA003B7A11 > < param name = Command value = Minimize ></ object > < object id = hh2 classid = clsidDB880A6 - D8FF - 11CF - 9377 - 00AA003B7A11 > < param name = Command value = Maximize ></ object > < OBJECT id = hh3 classid = clsid:adb880a6 - d8ff - 11cf - 9377 - 00aa003b7a11 > < ARAM NAME = Command value = Close ></ OBJECT > < input type = button value = 最小化 onclick = hh1.Click() > < input type = button value = 最大化 onclick = hh2.Click() > < input type = button value = 關閉 onclick = hh3.Click() >

25 .判斷上一頁的來源
asp頁:

request.servervariables(HTTP_REFERER
java script:

document.referrer

26 .光標是停在文本框文字的最後

<textarea cols="50" rows="3" name="code" class="xhtml">< script language = javascript > function cc() { 　　 var e = event.srcElement; 　　 var r = e.createTextRange(); 　　r.moveStart( ' character ' ,e.value.length); 　　r.collapse( true ); 　　r.select(); } </ script > < input type = text name = text1 value = 123 onfocus = cc() > </textarea> 

JavaScript幾個表單常用的驗證腳本：
    只能輸入數字
<input οnkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">  

    ENTER鍵可以讓光標移到下一個輸入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > <br>  
    只能是中文
<input οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>  
    屏蔽輸入法
<input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>  
    只能輸入英文和數字
<input οnkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>

只能是數字

<input οnkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"><br>

    只能顯示，不能修改
< input readonly value = " 只能顯示，不能修改 " >

    禁止複製選擇等................

<script language="JavaScript" type="text/JavaScript"> //雙擊鼠標滾動屏幕的代碼 var currentpos,timer; function initialize() { timer=setInterval ("scrollwindow ()",30); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos !=document.body.scrollTop) sc(); } document.οnmοusedοwn=sc document.οndblclick=initialize </script>  
    雙擊鼠標滾動屏幕的代碼
var currentpos,timer; function initialize() { timer = setInterval ( " scrollwindow () " , 30 ); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos = document.body.scrollTop; window.scroll( 0 , ++ currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown = sc document.ondblclick = initialize

1.只允許輸入數字2.禁止漢字3.允許paste，但不破壞clipboard4.禁止drag
<input οnkeypress="return event.keyCode>=48&&event.keyCode<=57" οnpaste="return !clipboardData.getData('text').match(//D/)" style="ime-mode:disabled" οndragenter="return false"> =================================================== <script language="JavaScript" type="text/JavaScript"> function HideMenu() { } </script> <body οnmοusemοve='HideMenu()' οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false" οnmοuseup="document.selection.empty()">

 

本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/chxizi/archive/2009/07/14/4347988.aspx