javascript常用技巧归纳

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript常用技巧归纳相关的知识,希望对你有一定的参考价值。


最近归纳了下,发现还很多的哦
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>

以上是关于javascript常用技巧归纳的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript常用技巧之进制转换

javascript 常用技巧

JavaScript常用技巧之数组操作

15个常用的JavaScript简写技巧

Web开发:需收藏的JavaScript常用技巧

19+ JavaScript 常用的简写技巧