• js技巧(一)


    1.文档入口函数

     window.onload = function () { 
    //code 将会在页面的全部代码执行完成之后再去执行。 
    }

    2.弹窗   alert()   警告窗   confirm()   确认框   prompt() 提示窗

    3.获取元素

    3.1获取id document.getElementById();  

    3.2获取class  document.getElementsByClassName(className);

    3.3获取标签  document.getElementsByTagName(tagName);

    4

    In   判断一个值是否属于某个数组或者一个属性是否属于一个对象

    var mycar = {make: "Honda", model: "Accord", year: 1998};
    "make" in mycar // returns true
    "model" in mycar // returns true

    for in

    var obj = {
        "key1":"value1",
        "key2":"value2",
        "key3":"value3"
      };
    
      function EnumaKey(){
        for(var key in obj ){
          alert(key);
        }
        }
    
        function EnumaVal(){
          for(var key in obj ){
            alert(obj[key]);
            }
          }
        EnumaKey();
         EnumaVal();

    typeof用以获取一个变量或者表达式的类型

      alert(typeof (123));//typeof(123)返回"number" 

      使用typeof来获取一个变量是否存在

      if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,

     因为typeof遇到null,数组,对象时都会返回object类型,所以当我们要判断一个对象是否是数组时

    或者判断某个变量是否是某个对象的实例则要选择使用另一个关键语法instanceof

     instanceof用于判断一个变量是否某个对象的实例

    如var a=new Array();alert(a instanceof Array);会返回true,

    同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类

    5.Void   忽略操作数的值

    <a href=”javascript:void(0)”>

    <a href=”javascript:;”>

    <a href=”#” onclick=”javascript:return false”>

     6.运算符优先级

    7.成绩查询代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #dd{
                /*display:inline-block;*/
                width:300px;
                height:35px;
                line-height:35px;
                text-align:center;
                top:8px;
                left:270px;
               position:absolute;
            }
        </style>
    </head>
    <body>
        <input type ="text" id="ipt">
        <button id="bt" value="查询">查询</button>
        <div id="dd"></div>
    </body>
    <script>
       var ipt=document.getElementById("ipt");
       var bt=document.getElementById("bt");
       var dd=document.getElementById("dd");
            bt.onclick=function(){
                var score=ipt.value;
                if(score<0){
                    dd.innerHTML="输入不正确,请从新输入";
                    dd.style.background="#66ff66";
                }
                else if(score<60) {
                    dd.innerHTML="不及格,多多努力呦";
                    dd.style.background="#ffff00";
                }
                else if(score<70){
                    dd.innerHTML="及格了,继续加油";
                    dd.style.background="#ff9900";
                }
                else if(score<80){
                    dd.innerHTML="良好,你太棒了";
                    dd.style.background="#ff3300";
                }
                else if(score<90){
                    dd.innerHTML="优秀,别骄傲哟";
                    dd.style.background="#99ff00";
                }
                else if(score<100){
                    dd.innerHTML="你已经进入神的级别了,快快离开吧";
                    dd.style.background="#66ff00";
                }
                else{
                    dd.innerHTML="输入不正确,请从新输入";
                    dd.style.background="#66ff66";
                }
            }
    </script>
    </html>
    View Code

     8.判断实参形参位数一致

      arguments.length == arguments.callee.length

  • 相关阅读:
    stm32串口通讯
    Java中日期处理
    Java中synchronized同步的理解
    由代理模式到AOP的实例分析
    基数排序(RadixSort)
    桶排序(BucketSort)
    计数排序
    快速排序
    6.5 k个已排好序链表合并为一个排序链表
    优先队列 (堆实现)
  • 原文地址:https://www.cnblogs.com/gvip-cyl/p/6556893.html
Copyright © 2020-2023  润新知