分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js中arguments的应用

发布时间:2023-09-06 01:43责任编辑:沈小雨关键词:js

arguments数组的操作

arguments是一个类数组对象,这个数组里面保存的是传递给一个函数的参数
例子:求和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
function sum(){
  var result = 0;
  for(var i = 0;i<arguments.length;i++){
    result+=arguments[i];
  }
  return result;
}
window.onload = function(){
  alert(sum(1,2,3,4,5,6,7));
}
</script>
</head>
 
<body>
</body>
</html>
如上所示,参数‘1,2,3,4,5,6‘作为arguments的元素存储在arguments数组中,通过数组的遍历累加进行求和处理。最后弹出显示框为求和结果
不同内核浏览器获取外部样式的方式
CSS添加样式的方式有三种:行内样式、内嵌式、外部样式。
通常通过js获取样式的方式是:oDiv.style[width],但是这种方法有局限性,只能获取行内样式的属性,针对不同内核浏览器有不同的方式对该问题进行了处理
ie:oDiv.currentStyle[name]
frifox:getComputedStyle(obj,false)[name]
美中不足的是该两种方法只能获取属性,但无法对属性进行修改
例子
假定有这样一个div:<div id="div1" style="width:200px; height:200px; background-color:red"/>
<script>
  function getStyle(obj,name){
    if(obj.currentStyle){ //只适合ie浏览器,
       return obj.currentStyle[name];
    }else{
      return getComputedStyle(obj,false)[name];//适合ie9及以上+火狐浏览器
    }
  }
  window.onload = function(){
    var oDiv = document.getElementById("div1");
    getStyle(oDiv,"width");
  }
  
</script>

js中arguments的应用

原文地址:https://www.cnblogs.com/luxiaohu/p/8454652.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved