window.location返回值不一致及相关JS代码问题求助

你遇到的两个问题我逐个帮你分析和解决：

1. window.location返回值不一致问题 #

这种情况通常由以下几种原因导致，对应解决方案如下：

• 浏览器环境差异：不同浏览器对window.location的toString()实现略有不同，比如部分浏览器会自动编码特殊字符，而有些不会。建议直接访问具体属性而非依赖整体返回值：
  • 用location.href获取完整URL
  • 用location.pathname获取路径部分
  • 用location.search获取查询参数
• 页面加载时机问题：如果在DOM完全加载前调用window.location，可能会获取到初始加载的临时值。确保在DOMContentLoaded事件后执行相关代码：

  document.addEventListener('DOMContentLoaded', function() {
    // 在这里获取location相关值
    console.log(window.location.href);
  });
  

• 动态修改URL导致的差异：如果页面中有JS动态修改了URL（比如pushState/replaceState），不同时机获取的location值会不同。可以监听popstate事件来追踪URL变化：

  window.addEventListener('popstate', function(event) {
    console.log('URL changed:', window.location.href);
  });
  

2. JS代码异常问题 #

从你提供的代码片段来看，存在几个明显的问题：

（1）下拉框值获取错误 #

你用.text()获取下拉框（#slcYolcuYetiskin等）的内容，这通常是错误的。原生<select>元素应该用.val()获取选中项的value值；如果需要选中项的文本，应该用：

// 获取选中项的文本
var _yolcuSayisiYetiskin = $("#slcYolcuYetiskin option:selected").text();
// 获取选中项的value值（更常用）
var _yolcuSayisiYetiskinVal = $("#slcYolcuYetiskin").val();

（2）HTML转义字符导致语法错误 #

代码中的>是HTML实体，在JS代码中会被识别为无效字符，必须替换为普通的>：

// 错误写法
// if (dateGidisTarihi.length > 0) { ... }

// 正确写法
if (dateGidisTarihi.length > 0) { 
  $("#departure_date").css(...); // 这里要补全css的属性和值，比如.css("border", "1px solid red")
}

（3）日期格式判断逻辑的优化 #

当前的日期判断只检查是否包含字母和空格，不够严谨。建议结合正则验证目标日期格式（比如DD/MM/YYYY或YYYY-MM-DD）：

// 示例：验证YYYY-MM-DD格式
const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
if (!dateRegex.test(dateGidisTarihi)) {
  return false;
}

（4）代码截断问题 #

你提供的代码最后$("#departure_date").css...没有写完，确保补全完整的CSS设置（比如$("#departure_date").css("border-color", "red");），否则会导致语法错误。

内容的提问来源于stack exchange，提问作者Süleyman Sülün