欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式 AJAX相关 黑客相关 相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘 数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统 注册表 BIOS 系统安装 系统进程 Fireworks教程
您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

收藏Javascript中常用的55个经典技巧

发布时间：2007-08-12　作者：　来源：转载
标签： 雪佛兰 通用 奢华 劳斯莱斯 旗舰版 64位 收藏夹 解调器
1.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键no可用于Table2.取消选娶防止复制3.onpaste="returnfalse"不准粘贴4.oncopy="returnfalse;"oncut="returnfalse;"防止复制5.IE地址栏前换成自己的图标6.可以在收藏夹中显示出你的
1.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键
no可用于Table

2.取消选娶防止复制

3.onpaste="returnfalse"不准粘贴

4.oncopy="returnfalse;"oncut="returnfalse;"防止复制

5.IE地址栏前换成自己的图标

6.可以在收藏夹中显示出你的图标


7.关闭输入法


8.永远都会带着框架


9.防止被人frame


10.网页将不能被另存为


11.onclick="window.location="view-source:"+"http://www.pconline.com.cn"">
12.删除时确认
删除


13.取得控件的绝对位置
//Javascript

functiongetIE(e){
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}

//VBScript


14.光标是停在文本框文字的最后

functioncc()
{
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}


15.判断上一页的来源
javascript:
document.referrer


16.最小化、最大化、关闭窗口









本例适用于IE


17.屏蔽功能键Shift,Alt,Ctrl


18.网页不会被缓存



或者


19.怎样让表单没有凹凸感？

或
1solid#000000">


20.

&的区别？
(division)用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟
的唯一区别是不产生转行
是ns的标记，ie不支持，相当于


21.让弹出窗口总是在最上面:


22.不要滚动条?
让竖条没有:


让横条没有:


两个都去掉？更简单了


23.怎样去掉图片链接点击后，图片周围的虚线？


24.电子邮件处理提交表单
enctype="text/plain">


25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()


26.如何设定打开页面的大小

打开页面的位置


27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动


28.检查一段字符串是否全由数字组成


29.获得一个窗口的大小
document.body.clientWidth;document.body.clientHeight


30.怎么判断是否是字符
if(/[^/x00-/xff]/g.test(s))alert("含有汉字");
elsealert("全是字符");


31.TEXTAREA自适应文字行数的多少
="this.style.posHeight=this.scrollHeight">


32.日期减去天数等于第二个日期

functioncc(dd,dadd)
{
//可以加上错误处理
vara=newDate(dd)
a=a.valueOf()
a=a-dadd*24*60*60*1000
a=newDate(a)
alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日")
}
cc("12/23/2002",2)


33.选择了哪一个Radio

functioncheckme()
foreachobinradio1
ifob.checkedthen
window.alertob.value
next
endfunction

Style
Barcode


34.脚本永不出错



35.ENTER键可以让光标移到下一个输入框


36.检测某个网站的链接速度：
把如下代码加入区域中:

tim=1
setInterval("tim++",100)
b=1
varautourl=newArray()
autourl[1]=1000){this.resized=true;this.style.width=1000;}"align=absMiddleborder=0>www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]=1000){this.resized=true;this.style.width=1000;}"align=absMiddleborder=0>www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]=1000){this.resized=true;this.style.width=1000;}"align=absMiddleborder=0>www.cctv.com"
functionbutt(){
***("")
for(vari=1;i***("=》name=url"+i+"size=40>=》onclick=window.open(this.form.url"+i+".value)>

")
***("")
}
butt()
functionauto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="/链接超时"}
else
{document.forms[0]["txt"+b].value="/blog/时间"+tim/10+"秒"}
b++
}
functionrun(){for(vari=1;ionerror=auto("http://"+autourl+"")>")}
run()


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.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
0矩形缩小
1矩形扩大
2圆形缩小
3圆形扩大
4下到上刷新
5上到下刷新
6左到右刷新
7右到左刷新
8竖百叶窗
9横百叶窗
10错位横百叶窗
11错位竖百叶窗
12点扩散
13左右到中间刷新
14中间到左右刷新
15中间到上下
16上下到中间
17右下到左上
18右上到左下
19左上到右下
20左下到右上
21横条
22竖条
23以上22种随机选择一种


39.在规定时间内跳转


40.网页是否被检索

其中属性值有以下一些:
属性值为"all":文件将被检索，且页上链接可被查询；
属性值为"none":文件不被检索，而且不查询页上的链接；
属性值为"index":文件将被检索；
属性值为"follow":查询页上的链接；
属性值为"noindex":文件不检索，但可被查询链接；
属性值为"nofollow":文件不被检索，但可查询页上的链接。


41、email地址的分割
把如下代码加入区域中
webmaster@sina.com


42、流动边框效果的表格
把如下代码加入区域中


43、JavaScript主页弹出窗口技巧
窗口中间弹出

============



functionWinOpen(){
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.***("哈罗!");
msg.***("

酷毙了!

这是JavaScript所开的视窗!

");
}








==============
一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。
代码如下：

<！--
functionopenclk(){
another=open('1000){this.resized=true;this.style.width=1000;}"align=absMiddleborder=0>http://www.ccidnet.com'，'NewWindow');
}
functioncloseclk(){
another.close();
}
//-->







二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！
代码如下：


三、讨厌很多网站总是按照默认窗口打开，如果你能随心所欲控制打开的窗口那该多好。
代码如下:

<！--Begin
functionpopupPage(l，t，w，h){
varwindowprops="location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes"+
"，left="+l+"，top="+t+"，width="+w+"，height="+h;
varURL="http://www.80cn.com";
popup=window.open(URL，"MenuPopup"，windowprops);
}
//End--> 







 
打开页面的参数
 
离开左边的距离:pixels 
离开右边的距离:pixels 
窗口的宽度:pixels 
窗口的高度:pixels


this.form.height.value)">


你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。


44、页面的打开移动
把如下代码加入区域中


//End-->


45、显示个人客户端机器的日期和时间



46、自动的为你每次产生最後修改的日期了：


ThisisasimpleHTML-page.


Lastchanges:





47、不能为空和邮件地址的约束：








Enteryourname:





Enteryoure-mailaddress:





48、跑马灯







这里可显示您的网页!


49、在网页中用按钮来控制前页，后页和主页的显示。









50、查看某网址的源代码
把如下代码加入区域中

输入要查看源代码的URL地址:





51、title显示日期
把如下代码加入区域中:



52、显示所有链接
把如下代码加入区域中




53、回车键换行
把如下代码加入区域中

functionhandleEnter(field,event){
varkeyCode=event.keyCode?event.keyCode:event.which?
event.which:event.charCode;
if(keyCode==13){
vari;
for(i=0;iif(field==field.form.elements[i])
break;
i=(i+1)%field.form.elements.length;
field.form.elements[i].focus();
returnfalse;
}
else
returntrue;
}