JS onload事件失效：HTML页面语言控制hide函数不执行问题

我看了你的代码，咱们一步步来排查为什么hide函数没生效：

1. 字符串比较的关键错误 #

你写的if (deger==tr)里，tr没有加引号，JS会把它当成一个未定义的变量，而不是你想要匹配的字符串'tr'。哪怕URL里的参数值确实是tr，deger（字符串类型）和未定义的tr变量比较也不会相等，这直接导致if分支里的代码根本没执行。

正确的写法应该是：

if (deger === 'tr')

2. 函数定义与调用的逻辑问题 #

你把hide函数定义在了$(document).ready的回调里，但仅仅定义后没有主动调用它；而且<div id="en" onload="hide()">完全无效——<div>元素并不支持onload事件，这个事件只适用于<body>、<img>这类特定元素。

另外，你的代码结构有点绕：既然已经用了$(document).ready等待DOM加载完成，完全不需要单独定义hide函数，直接在回调里执行隐藏操作就行。

3. URL参数取值的容错问题 #

如果当前URL里没有?参数，link.indexOf('?')会返回-1，后面的substring(-1 +4)会出现意外结果，建议先做个判断避免报错。

修正后的完整代码 #

HTML结构（去掉无效的onload属性） #

<div id="tr" class="dilK" style="padding:10px;font-family: 'Roboto', sans-serif;"> </div>
<div id="en" class="dilK" style="padding:10px;font-family: 'Roboto', sans-serif;"> </div>

脚本代码（修正逻辑+优化容错） #

<script>
$(document).ready(function(){
    var link = window.location.href;
    // 先判断URL是否包含参数，避免无参数时报错
    var deger = link.includes('?') ? link.substring(link.indexOf('?') + 4) : '';
    alert(deger); // 确认参数取值是否正确
    
    if (deger === 'tr') {
        // 直接执行隐藏操作，无需额外定义函数
        document.getElementById("en").style.display = "none";
        // 用jQuery的写法更简洁：$("#en").hide();
    }
});
</script>

额外优化建议 #

• 用===严格相等比较，避免JS隐式类型转换带来的意外问题。
• 如果项目里已经引入了jQuery，优先用$("#en").hide()代替原生style操作，代码更简洁且兼容性更好。
• 如果URL参数的格式是?lang=tr这类标准格式，建议用URLSearchParams来取值，比手动截取更可靠：

  const params = new URLSearchParams(window.location.search);
  const deger = params.get('lang'); // 假设参数名是lang
  

内容的提问来源于stack exchange，提问作者Hakan Serbest