4.9学习内容 JavaScript

最新推荐文章于 2024-06-07 23:26:45 发布

GCromantic

最新推荐文章于 2024-06-07 23:26:45 发布

阅读量85

点赞数

文章标签： javascript html html5 css

本文链接：https://blog.csdn.net/GCromantic/article/details/105412332

版权

1.client和offset的区别
offset与client的区别主要在于，client所指的是可视区域范围但是不包含border边框。

2.立即执行函数
立即执行函数是指不需要调用就能自己执行
旧：

function fn (){
   console.log('a');
   }
fn();

新：

(function (){
    console.log('a');
}()

直接执行函数还可以传递参数

(function (z){
 console.log(z);
})(1)

2种写法
①（function （）{
}）（）
②（function （）{
}（））

立即执行函数是执行完就直接释放定义，而且变量的定义域是局部变量，不会造成变量名污染

3.e.presisted 返回值是true 就是如果这个页面是从缓存加载出来的，一样要计算一下rem的值

4.pageshow和load
pageshow与load的主要区别在于，当时用火狐浏览器时，火狐会将上一页保存在缓存中，load的话不会再次触发，而pageshow可以、

5.scroll系列
scrollheight和scrollwidth返回的值是自身大小，包含padding，但是不包含边框border，同样不带单位

6.client与scroll的本质区别

    <style>
        div {
            width: 200px;
            height: 200px;
            border: 10px solid pink;
            padding: 10px;
        }
    </style>
</head>

<body>
    <div></div>

    <script>
        let div = document.querySelector('div');
        console.log(div.scrollHeight);
        console.log(div.clientHeight);
    </script>
</body>

</html>

在这里插入图片描述

    <style>
        div {
            width: 200px;
            height: 200px;
            border: 10px solid pink;
            padding: 10px;
        }
    </style>
</head>

<body>
    <div>夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 夜半归家粥可温，流年为君立黄昏 </div>

    <script>
        let div = document.querySelector('div');
        console.log(div.scrollHeight);
        console.log(div.clientHeight);
    </script>
</body>

在这里插入图片描述
scroll是实际内容的高度和宽度大小
而client是盒子可视的高度宽度大小
srcollTop scrollLeft是指在盒子范围内没有显示出来的内容高度和宽度

新事件onscroll / addElementlistener （‘scroll’,{}）
只要拖动滚动条就会触发

GCromantic

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
4.9学习内容 JavaScript

1.client和offset的区别offset与client的区别主要在于，client所指的是可视区域范围但是不包含border边框。2.立即执行函数立即执行函数是指不需要调用就能自己执行旧：function fn (){ console.log('a'); }fn();新：(function (){ console.log('a');}()直接执行...
复制链接

扫一扫