当前标签 / 标签选择器 / 总共1篇

Web前端基础(7)JavaScript小案例

保留小数点位数

var PI = 1213.141592653;   //定义常量要大写
var str = PI + "";   //将数字转换为字符串
var index = str.indexOf(".");  //返回字符串中.的位置
console.log(index);

//方式一
console.log(str.substr(0, index+3));  

//方式二
console.log(str.substr(0, str.indexOf(".") + 3));

//方式三
console.log(parseInt(PI * 100) / 100);
//1213.141592653 * 100  =  121314.1592653   取整   121314  /100

//方式四
console.log(PI.toFixed(2));	

符号的封装

id选择器

function $(id) {return document.getElementById(id)}  //id选择器

id class 标签 通用选择器

   function getClass(classname)  
   {
       //判断是否支持
       if(document.getElementsByClassName)
       {
           return document.getElementsByClassName(classname);
       }
       var arr = []; //用于返回 数组
       var dom = document.getElementsByTagName("*");
       for(var i=0;i<dom.length;i++)  // 遍历所有的 盒子
       {
           var txtarr = dom[i].className.split(" "); // 分割类名 并且 转换为数组
           //  ["demo","test"];
           for(var j=0;j<txtarr.length;j++)  // 遍历 通过类名分割的数组
           {
               if(txtarr[j] == classname)
               {
                   arr.push(dom[i]); // 我们要的是 div
               }
           }
       }
       return arr;
   }

    // $("#demo")   $(".one")   $("div")
    //封装自己的$
    function $(str) {
        var s = str.charAt(0);   //  一个s 的变量 存放是 符号  #  .
        var ss = str.substr(1);  // demo
        switch(s)
        {
            case "#":
                return document.getElementById(ss);
            break;
            case ".":
                return getClass(ss);
            break;
            default :
                return document.getElementsByTagName(str);
        }
    }

使用我们封装的$选择器

$("#demo").style.backgroundColor = "purple";
$("#last").style.backgroundColor = "purple";
var test = $(".one");
for(var i=0;i<test.length;i++)
{
    test[i].style.backgroundColor = "blue";
}

阅读更多