javascript常用技巧归纳

最新推荐文章于 2024-10-12 10:41:56 发布

cb2233

最新推荐文章于 2024-10-12 10:41:56 发布

阅读量262

点赞数

文章标签： javascript function 文档 button border date

本文链接：https://blog.csdn.net/cb2233/article/details/2507082

版权

1 javascript捕捉方向键
<HTML>
<HEAD>
<title>反选</title>
<script language="javascript">
function check()
{
   if(event.keyCode =="37")
      alert("您选择了左键！");
     if(event.keyCode =="38")
      alert("您选择了上键！");
     if(event.keyCode =="39")
      alert("您选择了右键！");
     if(event.keyCode =="40")
      alert("您选择了下键！");
}
</script>
</HEAD>
<BODY οnkeydοwn="check()">
</BODY>
</HTML>

2 保护网页代码不能给看到
<script>
function clear()
{
    Source=document.body.innerHTML; //获取文档的原有内容
    document.open();                 //打开文档
    document.write("代码已经被屏蔽");//输出提示内容
    document.close();                //关闭文档
    document.title="看不到源代码";   //文档标题
    document.body.innerHTML=Source; //重新写入旧内容
}
</script>
</head>
<body οnlοad=clear()>

3 判断字符串中有多少个汉字
<script language="JavaScript">
function cal(str)
{
    re=/[/u4E00-/u9FA5]/g; //测试中文字符的正则
    if(re.test(str))        //使用正则判断是否存在中文
    return str.match(re).length //返回中文的个数
    else
    return 0
}
</script>
<input onBlur="alert(cal(this.value))">

4 防F5刷新的功能
<script>
document.οnkeydοwn=noway;           //绑定窗体加载事件
function noway(){
    if(event.keyCode==116){         //通过键值判断是否是F5
        event.keyCode=0;
        event.returnValue=false;    //不进行任何操作
    }
}
</script>

5 ctrl+enter提交数据
   <script language=javascript>
//判断浏览器类型
ie = (document.all)? true:false
if (ie)
{
function ctlent(eventobject)
{
   //获取用户输入的键值
    if(event.ctrlKey && window.event.keyCode==13)
    {this.document.form1.submit();}}
}
</script>
</head>
<body>
<form action="http://www.baidu.com" method="get" name="form1">
    <textarea cols="50" name="Content" rows="10" wrap="virtual" onKeyDown="ctlent()">
     Ctrl+Enter提交内容
</textarea>
<input type=Submit value="Submit" name=Submit>
</form>

6 使鼠标滚轮失效
<script language="javascript">
function document.onmousewheel() //滚轮事件重新定义
{
return false;                    //返回false表示什么都不操作
}
</script>
</head>

1 倒计时
   <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页</title>
<script language="JavaScript">
var deadline= new Date("08/08/2008");
var symbol="2008年8月8日";
var now = new Date();
var leave =deadline.getTime() - now.getTime();
var day = Math.floor(leave / (1000 * 60 * 60 * 24));
if (day > 0)
   document.write("今天离"+ symbol+"还有"+day +"天")
else if (day == 0)
     document.write("只剩最后一天")
else
    document.write("已经超过了所定时间");
</script>
</head>
<body>
</body>
</html>

2 检查屏幕分辨率
   <script language="JavaScript">
     function getScreen()
     {
if ((screen.width == 640) && (screen.height == 480))
     size = "640 x 480";
else if ((screen.width == 800) && (screen.height == 600))
     size = "800 x 600";
else if ((screen.width == 1024) && (screen.height == 768))
     size = "1024 x 768";
else if ((screen.width == 1280) && (screen.height == 1024))
     size = "1280x1024";
else
            size = "默认值为640 x 480";
alert("屏幕分辨率为 " + size );
    }
    </script>
</head>
<body>
<input id="Button1" type="button" value="获取屏幕分辨率" οnclick="getScreen()" />

3 禁止复制网页上的图片
   <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页</title>
    <script language="javascript">
    function noCopy(control)
    {
alert("版权所有，禁止复制！");
return false;
    }
    function check()
    {
if(document.images) //遍历页面中的图像
     for(i=0;i<document.images.length;i++)
  document.images[i].onmousedown = noCopy;
    }
    </script>

</head>
<body οnlοad="check()">
<img src='' width=70 height=50 border=1 alt='我的图片'>
<div>
<table width="300" height="50" border="0" cellspacing="2" cellpadding="0" bgcolor="#FFb609">
<tr>
    <td bgcolor="#ccffff">禁止复制网页中所有图片...</td>
</tr>
</table>
</div>

</body>
</html>