基于URL动态切换网页背景图或图片：多方法详解与最佳实践

// 假设这是初始尝试的代码片段
var redirectURL = decodeURIComponent(window.location.href);
if (redirectURL.includes("men")) {
  $('#imageDiv').css("background", "url('https://mydomainname.com/wp-content/uploads/2023/04/STORE2.png')");  
} 
else if (redirectURL.includes("women")) {
  $('#imageDiv').css("background", "url('https://mydomainname.com/wp-content/uploads/2023/04/STORE.png')");     
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imageDiv"></div>

#imageDiv{
  background: url(https://mydomainname.com/wp-content/uploads/2023/04/compressed-Recovered.png);
    width: 100px;
    height: 100px;
}

<div id="imageDiv"></div>
<!-- 确保在脚本执行前DOM元素已加载，通常将脚本放在</body>前 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

document.addEventListener('DOMContentLoaded', function() {
  const currentPath = window.location.pathname; // 更推荐使用pathname
  const