JavaScript 经典代码大全-CSDN博客

本篇是转载的，我只是稍微重排了一下版，考虑到这篇文章对向我这样的新手是有帮助的，所以就把它发到了新手区引用地址：
http://www.cnblogs.com/kevin-wu/archive/2006/12/20/597471.html

示例1

1.οncοntextmenu="window.event.returnvalue=false"将彻底屏蔽鼠标右键
< table borderoncontextmenu =return(false) >< td > no </ table > 可用于Table
2. < body onselectstart ="returnfalse" > 取消选取、防止复制
3.οnpaste="returnfalse"不准粘贴
4.οncοpy="returnfalse;"oncut="returnfalse;"防止复制
5. < link rel ="ShortcutIcon" href ="favicon.ico" > IE地址栏前换成自己的图标
6. < link rel ="Bookmark" href ="favicon.ico" > 可以在收藏夹中显示出你的图标
7. < input style ="ime-mode:-Disabled" > 关闭输入法
8.永远都会带着框架
< script language ="javascript" > </script>
9 .防止被人frame
< SCRIPTLANGUAGE = javascript ></SCRIPT>
10 .网页将不能被另存为
< noscript >< iframesrc =* .html ></ iframe ></ noscript >
11 . < inputtype = buttonvalue = 查看网页源代码
onclick = " window.location=`view-source:`+http://www.51js.com/` " ; >
12 .删除时确认
< ahref = `javascript: if (confirm( " 确实要删除吗? " location = " boos.asp?&areyou=删除&page=1 " ` > 删
除 </ a >
13 .取得控件的绝对位置
// javascript
< scriptlanguage = " javascript " >
function getIE(E){
var t = e.offsetTop;
var l = e.offsetLeft;
while (e = e.offsetParent){
t += e.offsetTop;
l += e.offsetLeft;
}
alert( " top= " + t + " /nleft= " + l);
}
</ script >
//VBScript
< script language ="VBScript" > < ! --
function getIE()
dim t,l,a,b
set a = document.all.img1
t = document.all.img1.offsetTop
l = document.all.img1.offsetLeft
while a.tagName <> " BODY "
set a = a.offsetParent
t = t + a.offsetTop
l = l + a.offsetLeft
wend
msgbox " top= " & t & chr ( 13 ) & " left= " & l, 64 , " 得到控件的位置 "
endfunction
--> </ script >
14.光标是停在文本框文字的最后
< 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()" >
15.判断上一页的来源
javascript:
document.referrer
16.最小化、最大化、关闭窗口
< object id =hh1 classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Minimize" ></ object >
< object id =hh2 classid ="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >
< param name ="Command" value ="Maximize" ></ object >
< OBJECT id =hh3 classid ="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
< PARAM 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() >
本例适用于IE

示例2

17.屏蔽功能键Shift,Alt,Ctrl
< script >
function look(){
if (event.shiftKey)
alert( " 禁止按Shift键! " ; // 可以换成ALT　CTRL
}
document.onkeydown = look;
</ script >
18.网页不会被缓存
< META HTTP-EQUIV ="pragma" CONTENT ="no-cache" >
< META HTTP-EQUIV ="Cache-Control" CONTENT ="no-cache,must-revalidate" >
< META HTTP-EQUIV ="expires" CONTENT ="Wed,26Feb199708:21:57GMT" >
或者 < META HTTP-EQUIV ="expires" CONTENT ="0" >
19.怎样让表单没有凹凸感？
< input type =text style ="border:1solid#000000" >
或
< input type =text style ="border-left:none;border-right:none;border-top:none;border-bottom:
1solid#000000" ></ textarea >
20. < div >< span > & < layer > 的区别？
< div > (division)用来定义大段的页面元素，会产生转行
< span > 用来定义同一行内的元素，跟 < div > 的唯一区别是不产生转行
< layer > 是ns的标记，ie不支持，相当于 < div >
21.让弹出窗口总是在最上面:
< body onblur ="this.focus();" >
22.不要滚动条?
让竖条没有:
< body style =`overflow:-Scroll;overflow-y:hidden` >
</ body >
让横条没有:
< body style =`overflow:-Scroll;overflow-x:hidden` >
</ body >
两个都去掉？更简单了
< body scroll ="no" >
</ body >
23.怎样去掉图片链接点击后，图片周围的虚线？
< a href ="#" onFocus ="this.blur()" >< img src ="logo.jpg" border =0 ></ a >
24.电子邮件处理提交表单
< form name ="form1" method ="post" action ="mailto***@***.com" enctype ="text/plain" >
< input type =submit >
</ form >
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
< body onload ="top.resizeTo(300,200);" >
打开页面的位置 < body onload ="top.moveBy(300,200);" >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
< style >
body
{ background-image : url(logo.gif) ; background-repeat : no-repeat ;
background-position : center ; background-attachment : fixed }
</ style >
28.检查一段字符串是否全由数字组成
< script language ="javascript" > </script>
29 .获得一个窗口的大小
document.body.clientWidth;document.body.clientHeight
30 .怎么判断是否是字符
if ( / [ ^/ x00 -/ xff] / g.test(s))alert( " 含有汉字 " ;
else alert( " 全是字符 " ;
31 .TEXTAREA自适应文字行数的多少
< textarearows = 1 name = s1cols = 27 onpropertychange = " this.style.posHeight=this.scrollHeight " >
</ textarea >
32 .日期减去天数等于第二个日期
< scriptlanguage = javascript >
function cc(dd,dadd)
{
// 可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(A)
alert(a.getFullYear() + " 年 " + (a.getMonth() + 1 ) + " 月 " + a.getDate() + " 日 "
}
cc( " 12/23/2002 " , 2 )
</ script >
33.选择了哪一个Radio
< HTML >< script language ="vbscript" >
function checkme()
for each obinradio1
if ob.checked then window.alertob.value
next
endfunction
</ script >< BODY >
< INPUT name ="radio1" type ="radio" value ="style" checked > style
< INPUT name ="radio1" type ="radio" value ="barcode" > Barcode
< INPUT type ="button" value ="check" onclick ="checkme()" >
</ BODY ></ HTML >
34.脚本永不出错
< SCRIPT LANGUAGE ="javascript" >

</ SCRIPT >
35.ENTER键可以让光标移到下一个输入框
< input onkeydown ="if(event.keyCode==13)event.keyCode=9" >
36.检测某个网站的链接速度：
把如下代码加入 < body > 区域中:
< script language =javascript >
tim = 1
setInterval( " tim++ " , 100 )
b = 1
var autourl = new Array()
autourl[ 1 ] = " http://www.njcatv.net/ " ;
autourl[ 2 ] = " javacool.3322.net "
autourl[ 3 ] = " http://www.sina.com.cn/ " ;
autourl[ 4 ] = " http://www.nuaa.edu.cn/ " ;
autourl[ 5 ] = " http://www.cctv.com/ " ;
function butt(){
document.write( " <formname=autof> "
for ( var i = 1 ;i < autourl.length;i ++ )
document.write( " <inputtype=textname=txt " + i + " size=10value=测试中……>=》<inputtype=text
name=url " + i + " size=40>=》<inputtype=buttonvalue=GO
οnclick=window.open(this.form.url " + i + " .value)><br> "
document.write( " <inputtype=submitvalue=刷新></form> "
}
butt()
function auto(url){
document.forms[ 0 ][ " url " + b].value = url
if (tim > 200 )
{document.forms[ 0 ][ " txt " + b].value = " 链接超时 " }
else
{document.forms[ 0 ][ " txt " + b].value = " 时间 " + tim / 10 + " 秒 " }
b ++
}
function run(){ for ( var i = 1 ;i < autourl.length;i ++ )document.write( " <img
src=http:// " + autourl + " / " + Math.random() + " width=1height=1
οnerrοr=auto(http:// " ; + autourl + " `)> " }
run() </ script >

示例3

37.各种样式的光标
auto：标准光标
default：标准箭头
hand：手形光标
wait：等待光标
text：I形光标
vertical-text：水平I形光标
no-drop：不可拖动光标
not-allowed：无效光标
help：?帮助光标
all-scroll：三角方向标
move：移动标
crosshair：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面 < meta http-equiv ="Page-Enter" content ="revealTrans(duration=x,transition=y)" >
推出页面 < meta http-equiv ="Page-Exit" content ="revealTrans(duration=x,transition=y)" >
这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间，以秒为单位。Transition表示使
用哪种特效，取值为1-23:
　　0矩形缩小
　　1矩形扩大
　　2圆形缩小
　　3圆形扩大
　　4下到上刷新
　　5上到下刷新
　　6左到右刷新
　　7右到左刷新
　　8竖百叶窗
　　9横百叶窗
　　10错位横百叶窗
　　11错位竖百叶窗
　　12点扩散
　　13左右到中间刷新
　　14中间到左右刷新
　　15中间到上