如何仅在具有一定宽度的屏幕上显示 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){&nbsp; &nbsp; // do what you need}逻辑与 (&&)

Answer 2

let width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;if( width >=768 && width <= 970){&nbsp; &nbsp; // Show on screens between 768 and 970 px}else if (width < 768){&nbsp; &nbsp; // Show on screens smaller than 768px}else if (width > 970){&nbsp; &nbsp; // Show on screens bigger than 970px}else {&nbsp; &nbsp;// Show other cases}