Javascript中最常用的55个经典技巧

Stella981
• 阅读 583

Javascript中最常用的55个经典技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

no
可用于Table 

2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架  

  1. 防止被人frame 

     
  2. 网页将不能被另存为

 

11. <input type=button value="/查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""> 
12.删除时确认 <a href=""javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除 13. 取得控件的绝对位置 //Javascript 

 

//VBScript 

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

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

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

                本例适用于IE

 

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

 
  1. 网页不会被缓存     或者

 

19.怎样让表单没有凹凸感? <input type=text style="""border:1 solid #000000"> 或  

20.

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

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

 

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

  让横条没有:    两个都去掉?更简单了    

23.怎样去掉图片链接点击后,图片周围的虚线? Javascript中最常用的55个经典技巧  

24.电子邮件处理提交表单

 
 

 

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

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

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

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

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

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

 

31.TEXTAREA自适应文字行数的多少 <textarea rows=1 name=s1 cols=27 onpropertychange 
="this.style.posHeight=this.scrollHeight"> 
 

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

  2. 选择了哪一个Radio 

      Style  Barcode   

 

34.脚本永不出错  

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

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

     
  2. 各种样式的光标 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.在规定时间内跳转 <META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"> 

40.网页是否被检索 其中属性值有以下一些: 属性值为"all": 文件将被检索,且页上链接可被查询; 属性值为"none": 文件不被检索,而且不查询页上的链接; 属性值为"index": 文件将被检索; 属性值为"follow": 查询页上的链接; 属性值为"noindex": 文件不检索,但可被查询链接; 属性值为"nofollow": 文件不被检索,但可查询页上的链接。 41、email地址的分割 把如下代码加入 区域中 webmaster@sina.com 

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

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

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

二、上面的代码也太静了,为何不来点动感呢?如果能给页面来个降落效果那该多好啊! 代码如下: 三、讨厌很多网站总是按照默认窗口打开,如果你能随心所欲控制打开的窗口那该多好。 代码如下:
  打开页面的参数   离开左边的距离:  pixels  离开右边的距离:  pixels  窗口的宽度:  pixels  窗口的高度:  pixels   
你只要在相对应的对话框中输入一个数值即可,将要打开的页面的窗口控制得很好。 44、页面的打开移动 把如下代码加入 区域中  

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

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

  This is a simple HTML- page. 

Last changes: 
   

   

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

       
  Enter your name: 

 
 

 
Enter your e-mail address: 

 
 

 

48、跑马灯  

      这里可显示您的网页 !     

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

                           
      50、查看某网址的源代码 把如下代码加入 区域中 输入要查看源代码的URL地址: 
 
 

 

 

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

 

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

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