zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    vs2008 当前上下文不存在名称xxx 解决办法
    SQL Server 2008故障转移集群+数据库镜像配置实例之一
    通过JavaScript获取页面大小
    使用JavaScript判断浏览器类型
    sql2008安装图解sql2008安装全过程
    Sqlserver中对时间类型的字段转换
    SQL Server 2008故障转移集群+数据库镜像配置实例之三
    这年头口罩都成时尚品
    一位软件工程师的6年总结[转]
    MS SQL Server查询优化方法[转]
  • 原文地址:https://www.cnblogs.com/gvip-cyl/p/6556893.html
Copyright © 2011-2022 走看看