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

最新推荐文章于 2024-08-23 20:55:13 发布

liuweibirthday

最新推荐文章于 2024-08-23 20:55:13 发布

阅读量431

点赞数

分类专栏： JavaScript专区文章标签： javascript input date function scroll table

JavaScript专区专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

οncοntextmenu="window.event.returnValue=false"

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

2.取消选取（防止复制该内容）：

</body>

3.不准粘贴任何内容：

9.网页不会被缓存:

10.让弹出窗口总是在最上面:
<body οnblur="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>

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

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

15.设定打开页面的大小: <body οnlοad="top.resizeTo(300,200);">
16.设定打开页面的位置<body οnlοad="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 οnkeydοwn="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.防止复制:

οncοpy="return false;" oncut="return false;"

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

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

7.关闭输入法:

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

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

liuweibirthday

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript中最常用的25个经典技巧

1. 将彻底屏蔽鼠标右键： oncontextmenu="window.event.returnValue=false" 将屏蔽内容鼠标右键： XX2.取消选取（防止复制该内容）： 3.不准粘贴任何内容：
复制链接

扫一扫

专栏目录