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 實現動態寬高度等比響應式頁面設計