js触发页面resize的功能实现

本文转载自查看原文 2018-12-06 16:59 5973 前端技术

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>js触发页面resize</title>
    </head>
    <body>
        <script>
            window.onresize = function() {
                alert('触发成功');
            };

            if(document.createEvent) {
                var event = document.createEvent("HTMLEvents");
                event.initEvent("resize", true, true);
                window.dispatchEvent(event);
            } else if(document.createEventObject) {
                window.fireEvent("onresize");
            }
        </script>
    </body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js实现加载页面就自动触发超链接 js实现页面的上滑下拉功能 Vue实现自动触发功能使用js实现显示系统当前时间并实现倒计时功能并触发模态框（遮罩）功能 js 实现页面局部（或图片）放大功能(vue) nuxt.js实现页面刷新功能用wow.js实现页面滚动时触发animate.css动画特效 js跳转页面并触发点击事件通过v-if的功能触发页面刷新,结合provide和inject（reload） html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计