如何在每次调用函数(JavaScript）时检查if/else语句

How do I make the if/else statement get checked every time my function is called (JavaScript)?

本文关键字：检查 if 语句 else JavaScript 函数 调用      更新时间：2023-09-26

所以我要做的是在每次调用函数时检查下面函数中的if/else语句。我称之为

onclick="openNav((">

在我的HTML中。非常感谢您的帮助，如果这是一个蹩脚的问题，很抱歉，因为我是JavaScript的新手。

以下代码：

var intViewportWidth = window.innerWidth;
function openNav() {
	$("body").css("background-color", "rgba(0,0,0,.4)");
	if (intViewportWidth < 1200) {
		$("header nav").css("width", "100%");
		$("body").css("margin-right", "100%");	
	}
	else {
		$("header nav").css("width", "30%");
		elBody.css("margin-right", "30%");
	}
	$("#hamburger").hide();
}

使用下面的代码段。除非获取宽度在函数内部，否则intViewportWidth不会更改。

function openNav() {
    
	$("body").css("background-color", "rgba(0,0,0,.4)");
    
    var intViewportWidth = window.innerWidth;
	if (intViewportWidth < 1200) {
		$("header nav").css("width", "100%");
		$("body").css("margin-right", "100%");	
	}
	else {
		$("header nav").css("width", "30%");
		elBody.css("margin-right", "30%");
	}
	$("#hamburger").hide();
}

相关文章：