javascript基础二

最新推荐文章于 2024-11-07 13:38:59 发布

-Y、

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量81

点赞数

分类专栏： javascript 文章标签： javascript css js

本文链接：https://blog.csdn.net/weixin_44776706/article/details/105109396

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

=======================================================================
arguments 是一个可变参/不定参（指个数不定）。

 window.onload=function()
                {
                    function sum()
                    {
                        var result=0;
                        for(i=0;i<arguments.length;i++)
                        {
                            result+=arguments[i];
                        }
                        return result;
                    }
                    alert(sum(8,5,8,4,86,4,84,4,8,5,8,4,86,))
                }

=====================================================================
css函数中：
两个参数 css(obj，‘width’）获取样式
两个参数 css(obj，‘width’，‘200px’）设置样式
用js实现

 <script>
                window.onload=function()
                {
                  function css()//可以取名字代替arguments[ ]
                  {
                      if(arguments.length==2)
                      {
                          return arguments[0].style[arguments[1]];//style[ ] 作用相当于style .
                      }
                      else
                      {
                          arguments[0].style[arguments[1]]=arguments[2];
                      }
                  }
                  var odiv=document.getElementById('div1');
                  alert(css(odiv,'width'));
                }
                
    </script>
</head>
    <body>
        <div id="div1" style="width: 200px;height: 200px;background-color: red;"></div>
      
    </body>

=====================================================================
单独使用 .style不能获取行间外的样式
要使用 .currentStyle才能获取非行间样式
alert(obj.currentStyle.width)；
（但是仅仅支持IE浏览器）

alert(getComputedStyle(obj,无用参数随便写).width)；
(支持chrome 、FireFox）

根据值的真假来进行判断
(获取行间样式兼容性比较好的写法）
！！但是有一个问题不能获取复合样式（background，border…)
！！只能获取单一样式（width，height，position)

 window.onload=function()
                {
                        var Odiv=document.getElementById('div1');

                        if(obj.currentStyle)
                        {
                            alert(obj.currentStyle.width);
                        }
                        else
                        {
                            alert(getComputedStyle(obj,无用参数随便填false).width)
                        }
                }

=====================================================================

数组的 length 属性既可以获取，又可以设置修改
一个数组内最好存一个类型的数据

数组的方法：
push（元素）从尾部添加
unshitf（元素）从头部添加

pop（元素）从尾部删除
shitf（元素）从头部删除

删除：splice（起点元素，长度）
arr.splice（）

插入：splice（起点元素，长度0，元素）
arr.splice（）

替换：splice（起点元素，长度，元素）
arr.splice（）

连接两个数组用 A.concat（B）相当于数组AB
join（分隔符）作用是用分隔符隔开每个元素

字符串排序直接使用 .sort()
数字排序

arr,sort( funcrion(n1,n2) {
	//或者简化为仅有这行return n1-n2
	if(n1<n2)
	{
		return -1;
	}
	else if(n1>n2)
	{
	 	return 1;
   	}
   	else
   	{
		return 0;
	}
} )