gpt4 book ai didi

javascript - 如果 有一个类,如何防止加载页面

转载 作者:太空宇宙 更新时间:2023-11-04 16:16:32 24 4
gpt4 key购买 nike

嗨,我问这个问题是因为我没有找到任何答案。
我的问题是如果 <body> 是否有任何可能性/方法来阻止页面加载/站点加载有一个类 <body class="unload">然后页面将停止加载。
我可以通过 css 做到这一点 但它会隐藏或不显示。所以我想知道是否有任何可能性/方法来防止页面加载/停止加载(停止浏览器加载)不显示或隐藏?。

HTML: Fiddle >

<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 来做到这一点。提前致谢。

最佳答案

已阅读 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更好fiddle对于 Internet Explorer

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

关于javascript - 如果 <body> 有一个类,如何防止加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31636826/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com