Web开发者必须收藏的JavaScript实用技巧


  1. 将彻底屏蔽鼠标右键
  oncontextmenu=”window.event.returnValue=false”   
no
可用于 Table
  1. 取消选取、防止复制
< body onselectstart=”return false”>
  1. JS不允许粘贴
onpaste=”return false”
  1. JS防止复制
oncopy=”return false;” oncut=”return false;”
  1. IE 地址栏前换成自己的图标

在文件的根目录放进去这个图片,后缀修改成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”; //frames.htm为框架网页// –>< /script>

9.防止被人 frame

< SCRIPT LANGUAGE=JAVASCRIPT>< !–if (top.location != self.location)top.location=self.location;// –>< /SCRIPT>

10.网页将不能被另存为

< noscript>< iframe src=*.html>

11.< input type=button value=查看网页源代码

onclick=”window.location = “view-source:”+ “http://www.pconline.com.cn””>

12.删除时确认

删除

13.取得控件的绝对位置

//Javascript

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

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 HTTPEQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>
或者< META HTTP-EQUIV=”expires” CONTENT=”0″>

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

< input type=text style=”border:1 solid #000000″>< input type=text style=”border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000″>< /textarea>

20.< div>< span>&< layer>的区别?
< div>(division)用来定义大段的页面元素,会产生转行< span>用来定义同一行内的元素,跟< div>的唯一区别是不产生转行< layer>是 ns 的标记,ie 不支持,相当于< div>
21.让弹出窗口总是在最上面:

< body onblur=”this.focus();”>

22.不要滚动条?

让竖条没有:

让横条没有:

两个都去掉?更简单了

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


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

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

window.opener.location.reload()

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

打开页面的位置< body onload=”top.moveBy(300,200);”>

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


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

33.选择了哪一个 Radio

< HTML>
< script language=”vbscript”>
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
< /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.脚本永不出错

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

< input onkeydown=”if(event.keyCode==13)event.keyCode=9″>

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

这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按”回车”进行数据的提交.
因此,对上面的方法要进行一下修改,应该对于”提交”按钮不进行焦点转移.而直接激活提交.
对上面的代码进行了一个修改,即判断事件的”源”,是否为提交按钮,代码如下:


判断是否为 button, 是因为在 HTML 上会有 type=”button”
判断是否为 submit,是因为 HTML 上会有 type=”submit”
判断是否为 reset,是因为 HTML 上的”重置”应该要被执行
判断是否为空,是因为对于 HTML 上的“< a > 链接”也应该被执行,
这种情况发生的情况不多,可以使用”tabindex=-1″的方式来取消链接获得焦点。

想了解更多?那就赶紧来关注我们

Web开发者必须收藏的JavaScript实用技巧_第1张图片
一起玩前端~欢迎关注

你可能感兴趣的:(Web开发者必须收藏的JavaScript实用技巧)