javascript小技巧

原创 2007年10月12日 17:29:00

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no 可用于Table

2. onpaste="return false" 不准粘贴

3. oncopy="return false;" oncut="return false;" 防止复制


4. 网页将不能被另存为
<*** src="/*.html>"; 

5. 取得控件的绝对位置
//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);
}

//VBScript

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

function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}

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


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

function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look; 


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


10.在打开的子窗口刷新父窗口的代码里如何写?

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

body
{background-image:url(/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}

window.opener.location.reload()


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

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


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

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)


15. 选择了哪一个Radio

function checkme()
for each ob in radio1
if ob.checked then
window.alert ob.value
next
end function

Style
Barcode
35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

16. 检测某个网站的链接速度:
把如下代码加入body区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.cctv.com"
function butt(){
***("<form name=autof>")
for(var i=1;i<autourl.length;i++)
***("<input type=text name=txt"+i+" size=10 value="/测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value="/blog/GO
onclick=window.open(this.form.url"+i+".value)><br>")
***("<input type=submit value=刷新></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="/blog/时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)***("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
onerror=auto("http://"+autourl+"")>")}
run()</script>


17. 各种样式的光标
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

18.页面进入和退出的特效
进入页面<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 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种

19.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

JavaScript是什么?JavaScript功能有哪些?

JavaScript,也称ECMAScript,是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。 最早是在HTML上使...
  • ruiguang21
  • ruiguang21
  • 2016年12月25日 12:04
  • 2954

Javascript 文件操作(整理版)

Javascript 文件操作   一、功能实现核心:FileSystemObject 对象 其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。...
  • luopeiyuan1990
  • luopeiyuan1990
  • 2013年08月08日 09:47
  • 1744

JavaScript的角色巨变和Web技术的发展

曾经JavaScript是职业程序员看不上眼的脚本语言,如今只有高级程序员才能驾驭它。 JavaScript性质和地位的天翻地覆,正是Web技术飞速变化的印证。 最初职业程序员轻视JavaScri...
  • starrow
  • starrow
  • 2013年07月01日 15:13
  • 5599

解释下 JavaScript 中 this 是如何工作的。

调用一个函数会暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数还接收两个附加的参数:this和arguments。参数this在面向对象编程中非常重要,它的值取决于调用...
  • xujie_0311
  • xujie_0311
  • 2015年03月19日 20:45
  • 1491

kettle转换中使用javascript例子整理(1)

这些例子在(\data-integration\samples\transformations目录下)
  • man_earth
  • man_earth
  • 2014年09月24日 17:14
  • 9148

VBscript和javascript区别以及在哪里该用谁?

在很多论坛中看到关于VBscript和javascript到底应该使用哪个,哪个比较好的问题?  今天我来谈谈我的看法:  服务器端:  大家知道ASP支持这两中脚本语言,也就是在服...
  • Chair_
  • Chair_
  • 2014年10月31日 15:30
  • 1425

javascript书籍推荐

WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解 Jav...
  • u011665148
  • u011665148
  • 2016年11月09日 10:58
  • 873

Javascript可以用来做什么

没有一个语言比Javascript更让我钟爱的了,因为它简单易学却用途多多,自由自然却不散漫。也因为简单易学。所以会写Javascript 人很多,但你要是问会用javascript做什么,普遍的回答...
  • zhang527
  • zhang527
  • 2013年02月22日 10:53
  • 1624

javascript新手入门必读书籍推荐

在当下,极多的程序员是通过自学来完成入门以及提升的。对于javascript的学习来说,同样不例外。许多新手入门javascript选择通过视频教程或者论坛交流的方式进行学习,这种方式固然较为轻松和便...
  • yangnihaozan
  • yangnihaozan
  • 2015年09月08日 17:49
  • 16114

最全面的JavaScript调试技巧总结

最全面的JavaScript调试技巧总结
  • qq_26676207
  • qq_26676207
  • 2016年11月17日 11:27
  • 2151
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript小技巧
举报原因:
原因补充:

(最多只允许输入30个字)