如何仅在具有一定宽度的屏幕上显示 JS

Question

我正在使用以下代码屏幕更大 999px<script>    if ((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) >= 999) {        // Show on screens bigger than 999px    }</script>屏幕小于 767px<script>    if ((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 767) {        // Show on screens smaller than 767px    }</script>现在我的目标是显示 970 到 768 之间的东西我已经尝试了下面的代码，但这在 767px 以下也可见<script>    if ((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 970) {        // Show on screens from 970 till 768    }</script>我如何设置它只显示在 970 到 768 的屏幕上？我不会使用 CSS。

Answer 1

const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

if( width >=768 && width <= 970){

    // do what you need

}

逻辑与 (&&)

Answer 2

let width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

if( width >=768 && width <= 970){

    // Show on screens between 768 and 970 px

}

else if (width < 768){

    // Show on screens smaller than 768px

}

else if (width > 970){

    // Show on screens bigger than 970px

}

else {

   // Show other cases

}