Javascript 如果屏幕有一定的宽度，则运行代码

当窗口的大小小于700 px时，我正试图在控制台中编写一条消息

我尝试过的事情是：

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

if（window.innerWidth<700）{
console.log（“你好”）；
}

及

if（屏幕宽度<700）{
console.log（“你好”）；
}

---

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

您需要将其放入

窗口
的
事件侦听器中。您还需要使用
window.innerWidth
，它总是返回一个整数值


if（window.attachEvent）{
window.attachEvent（'onresize'，function（））{
如果（窗内宽度<760）
控制台日志（“小于760”）；
其他的
控制台日志（“超过760”）；
});
}else if（window.addEventListener）{
addEventListener（'resize'，function（））{
如果（窗内宽度<760）
控制台日志（“小于760”）；
其他的
控制台日志（“超过760”）；
}，对）；
}否则{
//浏览器不支持Javascript事件绑定
}
您需要侦听“窗口”上的“调整大小”事件：

window.addEventListener('resize', resize);

function resize() {

    if (window.innerWidth < 700) {

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

window.addEventListener（'resize'，resize）；
函数resize（）{
如果（窗内宽度<700）{
console.log（'window.innerWidth<700'）；
//window.removeEventListener（'resize'，resize）；//一次
}
}

关于.addEventListener的更多信息：
作为旁注，根据所需的浏览器支持，最好的方法是使用@a.Wolff，谢谢你的想法。。。我不知道<代码>：）
我会看一看，并相应地更新我的答案……我对javascript非常陌生，没有使用.attachEvemt和。附加的列表器。我让我的代码工作，但我必须做一些阅读的代码实际上做什么，为什么它的工作。无论如何，谢谢你！回答得好！你应该提供更多的信息。。。这个答案怎么比我的好？只是好奇，不是责备<代码>：）
谢谢你，我得到了代码，但我必须阅读关于第一行的内容，我以前没有使用过。addEventListener。@PraveenKumar当我写这个答案时，没有答案。@williamganrot你说得对，很抱歉。我以为你到处都能读到“addEventListener”。如果你还想读更多的话，这是正确的地方：@AbdullahAydın当然……：）
onResize();
window.addEventListener('resize', onResize);

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

window.addEventListener('resize', resize);

function resize() {

    if (window.innerWidth < 700) {

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