收集一些比较好的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:crosshairstyle = cursor:text 　　　　　　style = cursor:waitstyle = cursor:move 　　　　　　style = cursor:helpstyle = cursor:e - resize 　　　　style = cursor:n - resizestyle = cursor:nw - resize 　 　　style = cursor:w - resizestyle = cursor:s - resize 　　　　style = cursor:se - resizestyle = 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,scrollbars = 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">&lt; script language = javascript &gt; function cc(){　　 var e = event.srcElement;　　 var r = e.createTextRange();　　r.moveStart( ' character ' ,e.value.length);　　r.collapse( true );　　r.select();}&lt;/ script &gt; &lt; input type = text name = text1 value = 123 onfocus = cc() &gt; </textarea> 

JavaScript几个表单常用的验证脚本：
    只能输入数字
<input onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 

    ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br> 
    只能是中文
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 
    屏蔽输入法
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 
    只能输入英文和数字
<input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>

只能是数字

<input onkeyup="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.onmousedown=scdocument.ondblclick=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 = scdocument.ondblclick = initialize

1.只允许输入数字2.禁止汉字3.允许paste，但不破坏clipboard4.禁止drag
<input onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(//D/)" style="ime-mode:disabled" ondragenter="return false">=================================================== <script language="JavaScript" type="text/JavaScript"> function HideMenu() { } </script><body onmousemove='HideMenu()' oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/chxizi/archive/2009/07/14/4347988.aspx