【JavaScript】原生js中函数传不定参以及获取非行间样式的方法

news/2024/7/19 15:17:50 标签: js, javascript

函数返回值

函数返回值:就是函数的执行结果

javascript">function abc(){
    return 12; //abc() 等于12
    return; //abc() 等于 undefined
    //函数内容为空,abc() 等于 undefined
}

 函数传不定参

javascript"><script>
    function sum(){
        var result = 0; //arguments 是一个由参数组成的数组
        for(var i = 0; i < arguments.length; i++){
            result += arguments[i] 
        }
        return result;
    }
    alert(sum(7,9,10,7,9,10))
</script>

取非行间样式

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div1 {
            width: 300px;
            height: 200px;
            background-color: #ccc;
            border: 1px solid #999;
        }
    </style>
</head>

<body>
    <div id="div1"></div>
    <hr>
    <ol>
        <li>oDiv.currentStyle.width:IE浏览</li>
        <li>getComputedStyle(oDiv, false).width : 支持火狐、谷歌</li>
    </ol>
    <script>
        function getStyle(obj, name) {
            if (obj.currentStyle) {
                return obj.currentStyle[name] //IE浏览器
            } else {
                return getComputedStyle(obj, false)[name] //谷歌、火狐
            }
        }
        window.onload = function () {
            var oDiv = document.getElementById('div1');
            getStyle(oDiv, 'width') //函数调用
            if (oDiv.currentStyle) {
                alert(oDiv.currentStyle.width) //IE浏览器
            } else {
                alert(getComputedStyle(oDiv, false).width) //谷歌、火狐
            }
        }
    </script>
</body>

 


http://www.niftyadmin.cn/n/497525.html

相关文章

【JavaScript】原生js中的定时器以及如何在实例中应用

定时器 setInterval&#xff1a;间隔型 setTimeout&#xff1a;延时型 <body><input type"button" value"开启" id"btn1"><input type"button" value"关闭" id"btn2"><hr><ol><…

【JavaScript】用原生js实现无缝滚动的实例

无缝滚动 功能&#xff1a;向左滑、向右滑、鼠标移入滑动暂停、鼠标移出滑动继续。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>&l…

Android -- NestedScrolling滑动机制

1&#xff0c;如今NestedScrolling运用到很多地方了&#xff0c;要想好看一点的滑动变换&#xff0c;基本上就是使用这个来完成的&#xff0c;让我们来简单的了解一下。 2&#xff0c;NestedScrolling机制能够让父View和子View在滚动式进行配合&#xff0c;其基本流程如下&…

【JavaScript】一篇弄懂offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent

offsetWidth、offsetHeight offsetWidth&#xff1a;元素的布局宽度。 offsetHeight&#xff1a;元素的布局高度。 offsetWidth、offsetHeight 的计算&#xff1a;width/height padding border-width&#xff0c;受 box-sizing 影响。 <head><meta charset"UTF…

【JavaScript】DOM基础之节点、以及通过className获取元素

节点 childNodes <body><ul id"ul1"><li><span></span></li><li></li></ul><hr><ol><li>childNodes&#xff1a;子节点的集合</li><li>子节点是被选元素的第一层标签,span标签…

ECSHOP忘记密码的2种处理方法恢复管理权限

在我们使用ECSHOP的时候有的时候由于粗心&#xff0c;忘记后台管理员密码的时候也经常常见&#xff0c;这给我们带来不少问题&#xff0c;那么怎么来解决这个问题呢&#xff1f;方法有二&#xff1a;首先&#xff0c;第一种方法就是利用PHPMYADMIN登录ECSHOP的MYSQL数据库&…

【JavaScript】原生js中DOM操作之元素创建、插入和移除

创建元素 <body><input type"text" id"txt1"><input type"button" id"btn1" value"创建"><ul id"ul1"></ul><script>window.onload function () {var oUl document.getEl…

视频编辑软件EDIUS 6.02使用体会和功能、技巧介绍

我是在地方电视台工作的&#xff0c;过去几年我都是用canopus康能普视的dvrex做视频编辑&#xff0c;那是win2000平台下&#xff0c;很大的一张canopus康能普视的dvrex卡&#xff0c;很贵&#xff0c;后来购了康能普视dv1394卡和lets edit2软件&#xff0c;简单易用压缩速度快&…