Question

您好我问这个问题，因为我找不到任何答案我的问题是，如果<body>有一个类<body class="unload">，则有可能/方法阻止页面加载/站点加载，然后页面将停止加载。我可以通过css 执行此操作，但它会隐藏或不显示。所以我想知道有没有可能/方法防止页面加载/停止（停止浏览器加载）没有显示无或隐藏？。

HTML： Fiddle＆gt;

<body class="unload">  
   <div class="wrapper">  
     <ul>    <!-- Parent Element -->
     <li>text</li>     <!-- Child 1-->
     <li>text</li>     <!-- Child 2-->
     <li>text</li>     <!-- Child 3-->
     <li>text</li>     <!-- Child 4-->
     <li>text</li>     <!-- Child 5-->
     </ul>
   </div>
 <body>

如果<body>有一个类<body class="unload">，我的意思是浏览器会立即停止加载。
任何机构都知道如何通过Jquery执行此操作。提前谢谢。

Answer 1

阅读https://developer.mozilla.org/en-US/docs/Web/API/Window/stop - 这可能会做你想要的事情

<body class="unload">  
    <script>
    if (document.body.classList.contains('unload')) {
        if(window.stop) { // all abut internet explorer
            window.stop();
        }
        else if (document.execCommand) { // internet explorer
            document.execCommand('Stop');
        }
    }
    // based on comments
    setInterval(function() {
        if (jQuery('.sly-scroll ul > li, .label-widget-menu ul > li').length > 4) {
            jQuery('body').addClass('popup');
        }
        if (document.querySelector('html').classList.contains('unload')) {
            jQuery('.wrapper').html('');
        }
    }, 1000);
    </script>
   <div class="wrapper">  
     <ul>    <!-- Parent Element -->
     <li>text</li>     <!-- Child 1-->
     <li>text</li>     <!-- Child 2-->
     <li>text</li>     <!-- Child 3-->
     <li>text</li>     <!-- Child 4-->
     <li>text</li>     <!-- Child 5-->
     </ul>
   </div>
 <body>

工作fiddle Internet Explorer的更好fiddle

感谢@ A.Wolff对Internet Explorer的解决方法

如果有一个类，如何阻止加载页面

1 个答案: