Question

当窗口大小小于700像素时，我只是想在控制台中写一条消息。

我尝试过的事情是：

if(window.innerWidth < 700){
console.log("hello");
}

和

if(screen.width < 700){
console.log("hello");
}

我没有得到任何错误消息，但代码没有运行。如果我在700之后添加“px”，我会收到错误消息“Uncaught SyntaxError：Unexpected identifier”。

Answer 1

您需要将其放在window的{{1}}事件侦听器中。此外，您还需要使用resize，它始终返回一个整数值。

window.innerWidth

Answer 2

您需要在'窗口'上收听'resize'事件：

window.addEventListener('resize', resize);

function resize() {

    if (window.innerWidth < 700) {

        console.log('window.innerWidth < 700');
        // window.removeEventListener('resize', resize); // once
    }
}

有关.addEventListener的更多信息：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Answer 3

onResize();
window.addEventListener('resize', onResize);

function onResize(){
    var width = document.documentElement.clientWidth;
}

如果屏幕有一定宽度，请运行代码

3 个答案: