(4)元素可视区client系列、立即执行函数

client翻译过来就是客户端,我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

element.clientWidth

返回自身包括padding、内容区的宽度,不含边框,返回数值不带单位

element.clientHeight返回自身包括padding、内容区的高度,不含边框,返回数值不带单位
element.clientTop返回元素上边框的大小
element.clientLeft返回元素左边框的大小

立即执行函数

        不需要调用,立马能够自己执行的函数。常用两种写法:

(function ( ){ })  ( )    或者  ( function() {} () );

(function(a, b) {
            console.log(a + b);
            var num = 10;
        })(1, 2); // 第二个小括号可以看做是调用函数
 (function sum(a, b) { //也可以写函数名
            console.log(a + b);
            var num = 10; // 局部变量
        }(2, 3));
       

        立即执行函数最大的作用就是,独立创建了一个作用域,里面所有的变量都是局部变量,不会有命名冲突的情况(在引入多个js文件时)。


祝你学习快乐!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

superfortunate

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值