js 怎么阻止文档继续加载?
一个需求,检查手机端并跳转,为了速度,
是手机端的话,就执行跳转js(不希望再加载这段js之后的文档)
<body>
<!-- 图片1,测试同步加载用 -->
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1086180543,3796773770&fm=26&gp=0.jpg" alt="">
<script>
if (confirm('跳转')) window.location.href="/m/index"
</script>
<!-- 图片2,不希望被载入 -->
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2262358450,1210778409&fm=26&gp=0.jpg" alt="">
<!-- 图片3,同上 -->
<!-- 图片4 -->
<!-- 图片5 -->
<!-- 图片6 -->
<!-- 图片7 -->
<!-- 图片8 -->
<div>之后的文档</div>
<script src="之后的js.js"></script>
</body>
F12发现,这样写代码,其实图片2还是被加载了,
confirm和alert 不是可以阻止后面的代码吗?但是还是不行
怎么不要加载图片2和图片2以后所有的文件(或代码)
没办法。
JS 执行线程和页面加载线程不在一起,对 JS 而言前者必然阻塞不了后者。
alert
阻塞的是 JS 线程,跟页面加载无关。除非你后面的部分是 AJAX 动态加载的,你才可以有选择的执行。