网页特效代码(转贴)

最新推荐文章于 2025-08-11 22:10:22 发布

转载最新推荐文章于 2025-08-11 22:10:22 发布 · 502 阅读

文章标签：

#javascript #function #input #电话 #正则表达式 #button

Javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一系列实用的网页保护措施，如禁用右键、取消选取、禁止复制等，同时提供了多种验证方法，包括身份证号、电子邮件地址及电话号码的有效性验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.　oncontextmenu="window.event.returnvalue=false"　　　将彻底屏蔽鼠标右键
　　<table border oncontextmenu=return(false)><td>no</table>　可用于Table
2.　<body onselectstart="return false">　　　　　　　　取消选取、防止复制
3.　onpaste="return false"　　　　　　　　　　　　　　　　　　　　不准粘贴
4.　oncopy="return false;" oncut="return false;"　　　　　　　　　防止复制
5.　<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6.　<link rel="Bookmark" href="favicon.ico">　可以在收藏夹中显示出你的图标
7.　<input style="ime-mode:disabled">　　　　　　　　　　　　　关闭输入法
8.　永远都会带着框架
<script language="javascript"></script>
9.　防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>
10. <noscript><iframe src=*.html></iframe></noscript>　　网页将不能被另存为
11. <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.youkuaiyun.com/'">

12. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
　var e = event.srcElement;
　var r =e.createTextRange();
　r.moveStart('character',e.value.length);
　r.collapse(true);
　r.select();
}

13. 让网页适合任何分辨率
　 <script language="javascript">
function diff(x){
ie4=(document.all)?true:false
if (ie4){
block=x.style;
}
var a=screen.width
switch (a){
case 1024:
block.left=""+(parseInt(block.left)+112);
break;
case 1152:
block.left=""+(parseInt(block.left)+176);
break;
case 1280:
block.left=""+(parseInt(block.left)+240);
break;
}
}
</SCRIPT>
将上述代码加入BODY之间

13:地址栏地址前显出小图标
　有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收
藏栏中显示图标，这样很好的与其它站点有了区别。
要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。
文件格式为ico，然后上传至你的网站。最好是favicon.ico。
然后，在需要的页面中，加上以下html语句到文件的<head>和</head>之间（假设

以上ico文件的地址为http://www.wfdoc.com/favicon.ico）。
那么输入<link REL="SHORTCUT ICON" href="http://www.wfdoc.com/favicon.ico">

14. 身份证的验证
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("输入的不是数字！"); return false;}
        var len = num.length, re;
        if (len == 15)
          re = new RegExp(/^(/d{6})()?(/d{2})(/d{2})(/d{2})(/d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(/d{6})()?(/d{4})(/d{2})(/d{2})(/d{3})(/d)$/);
        else {alert("输入的数字位数不对！"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
        }
        return true;
      }

15.email的判断。
      function ismail(mail)
      {
        return(new RegExp(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/).test(mail));
      }

16.电话号码的验证

要求：
　　(1)电话号码由数字、"("、")"和"-"构成
　　(2)电话号码为3到8位
　　(3)如果电话号码中包含有区号，那么区号为三位或四位
　　(4)区号用"("、")"或"-"和其他部分隔开
　　(5)移动电话号码为11或12位，如果为12位,那么第一位为0
　　(6)11位移动电话号码的第一位和第二位为"13"
　　(7)12位移动电话号码的第二位和第三位为"13"
　　根据这几条规则，可以与出以下正则表达式：
　　(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)

17.字符类
(1) 判断字符全部由a-Z或者是A-Z的字字母组成
      <input onblur="if(/[^a-zA-Z]/g.test(this.value))alert('有错')">
(2) 判断字符由字母和数字组成。
      <input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有错')">
(3) 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
      /^([a-zA-z_]{1})([/w]*)$/g.test(str)
(4) 字符串替换函数.Replace();

18.浏览器类
(1) 判断浏览器的类型
      window.navigator.appName
(2) 判断ie的版本
      window.navigator.appVersion
(3) 判断客户端的分辨率
      window.screen.height; window.screen.width;

19.email的判断。
      function ismail(mail)
      {
        return(new RegExp(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/).test(mail));
      }