javascript - 使用 window.location 设置样式

Question

所以我有这个元素，我正在努力，我试图根据授权状态隐藏/显示一些元素。我设法让所有其他元素按我想要的方式工作，但我有一个特定元素有问题。我有一个上传表单，我只想在用户登录时显示它。这是我的表格:

<form id="addVideo" class="uploadForm">
        <h3>Alege fisier:</h3>
        <input id="fileUpload" type="file" required>
        <input id="caption" type="text" required>            
        <button id="buttonSubmit" onclick="uploadFile()">Submit </button>
</form>

这是我的 JS:

const btnLogin = document.getElementById('modalBtn');
const btnLogout = document.getElementById('logout');
const contentUploader = document.getElementById('addVideo');
const btnAcasa = document.getElementById('acasa');
const btnBiblioteca = document.getElementById('biblioteca'); 

const setUI = (user)=>{
if(user){
btnLogin.style.display='none';
btnLogout.style.display='block';
if(window.location == 'biblioteca.html'){
  contentUploader.style.display ='block'; 
}     
btnAcasa.style.display='block';
btnBiblioteca.style.display ='block'; 
}
else{
btnLogin.style.display = 'block';
btnLogout.style.display = 'none';
if(window.location === 'biblioteca.html'){
  contentUploader.style.display = 'none'; 
}    
btnAcasa.style.display ='block';
btnBiblioteca.style.display ='block'; 
}

}我正在使用 window.location 因为我在 2 个不同的页面上运行这个脚本。这是我如何调用该函数:

auth.onAuthStateChanged(user =>{
if(user){
  setUI(user);    
  console.log(user);
}
else{
setUI()    
console.log(user);
}
})

Answer 1

Window.location 返回 Location 对象，它不等于字符串。 引用https://developer.mozilla.org/en-US/docs/Web/API/Window/location

你可以用

if(window.location.href == 'biblioteca.html'){
  contentUploader.style.display ='block'; 
}

但在这里您还需要考虑域名和 biblioteca.html

之前的所有内容