首页
   /       /   
JS和jQuery实时获取窗口大小
8月
16
JS和jQuery实时获取窗口大小
作者:大彭Sir    分类: 程序源码

看效果

直接获取

    var Height = $(window).height();
    var Width = $(window).width();
    console.log("初始大小" + Height + "," + Width);

JQuery获取

先引入jquery文件,这里直接忽略掉了

    // Jquery方法
    $(window).resize(function() {
        var Height = $(window).height();
        var Width = $(window).width();
        console.log("Jquery实时获取的" + Height + "," + Width);
    })

JS获取

    // js方法
    window.addEventListener('resize', getWindowInfo);

    function getWindowInfo() {
        var Height = document.body.offsetHeight;
        var Width = document.body.offsetWidth;
        console.log("JS实时获取的" + Height + "," + Width);
    }
本文标签: jQuery js HTML
责任声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
转载声明:本文作者大彭Sir,如需转载请保留文章出处!原文链接请自行复制!

Theme By Brief 鄂ICP备19010459号

站长统计 sitemap

首页

分类

友链

登录