`
superich2008
  • 浏览: 323002 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多

1. 将彻底屏蔽鼠标右键:

oncontextmenu="window.event.returnValue=false"

将屏蔽<table>内容鼠标右键:

<table oncontextmenu=return(false)>XX</table>

2.取消选取(防止复制该内容):

<body onselectstart="return false">

<input type="text" name="name1" />

</body>

3.不准粘贴任何内容:

<body onpaste="return false">

<input type="text" name="name1" />

9.网页不会被缓存:

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者:<META HTTP-EQUIV="expires" CONTENT="0">

10.让弹出窗口总是在最上面:
<body onblur="this.focus();">

11.去掉滚动条:

让竖条没有: <body style="overflow:scroll;overflow-y:hidden">...</body>
让横条没有: <body style="overflow:scroll;overflow-x:hidden">...</body>
两个都去掉?更简单了<body scroll="no">...</body>

12.去掉点击图片链接产生的虚线:

<a href="#" onFocus="this.blur()">

<img src="/logo.jpg" border=0>

</a>

13.电子邮件处理提交表单:
<form name="form1" method="post" action=mailto:****@***.comenctype="text/plain">
<input type=submit />
</form>

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

15.设定打开页面的大小: <body onload="top.resizeTo(300,200);">
16.设定打开页面的位置<body onload="top.moveBy(300,200);">

17.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动:
<STYLE>
body{

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

}
</STYLE>

18.检查一段字符串是否全由数字组成:
<script language="Javascript">

<!--
function checkNum(str)

{

return (str.match(//D/)==null);

}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// -->

</script>

19.获得一个窗口的大小:
document.body.clientWidth;

document.body.clientHeight;

20.怎么判断是否是字符?
if (/[^/x00-/xff]/g.test(s))

alert("含有汉字");
else

alert("全是字符");

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

22.日期减去天数等于第二个日期:
<script language=Javascript>
function cc(date,day)
{
//可以加上错误处理
var a = new Date(date);

a = a.valueOf();
a = a -day * 24 * 60 * 60 * 1000;
a = new Date(a);
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

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

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

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

</body>

4.防止复制:

oncopy="return false;" oncut="return false;"

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

<link rel="Shortcut Icon" href="favicon.ico">

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

<link rel="Bookmark" href="favicon.ico">

7.关闭输入法:

<input style="ime-mode:disabled">

8.屏蔽功能键Shift,Alt,Ctrl
<script>
function look()

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

分享到:
评论

相关推荐

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

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

    Javascript中最常用的经典技巧

    ### JavaScript中最常用的经典技巧解析 #### 一、彻底屏蔽鼠标右键 - **知识点**: `oncontextmenu` 事件处理程序通常用来响应鼠标右键点击事件。通过设置 `window.event.returnValue = false` 或者直接返回 `false...

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

    Javascript中最常用的55个经典技巧。最常见的js操作代码。

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

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

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

    以下是一些JavaScript中的经典技巧,它们可以帮助你提升代码的效率和用户体验。 1. **禁止右键菜单**:`oncontextmenu="window.event.returnValue=false"` 可以阻止用户在页面元素上点击鼠标右键显示默认的上下文...

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

    ### JavaScript中最常用的57个经典技巧 #### 1. 禁用右键菜单与文本选取 - **技巧描述**:通过使用`oncontextmenu`、`onselectstart`等事件,可以禁止用户在页面上使用右键菜单或选择文本。 - **代码示例**: ```...

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

    这份名为“Javascript中最常用的55个经典技巧”的压缩包文件显然旨在帮助开发者提升技能,掌握JavaScript的核心概念和实用技巧。让我们深入探讨一下这些可能涵盖的知识点。 1. **变量声明与作用域**:理解var、let...

    Javascript中最常用的125个经典技巧.txt

    Javascript中最常用的125个经典技巧.txt是本人在网上搜集的一些技巧以及在开发中同事和我总结部分问题的汇总,希望对大家有用。

Global site tag (gtag.js) - Google Analytics