JS onload事件无法正常工作

时间:2018-05-30 07:04:08

标签: javascript

我想在html页面中进行语言控制,

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

</div>

<div id="en" onload="hide()" class="dilK" style="padding:10px;font-family: 'Roboto', sans-serif;">

</div>

和我的剧本

<script>
 var link = window.location.href;
 var deger = link.substring(link.indexOf('?')+4);
 if (deger==tr) {
     //document.getElementById("en").style = "display:none";
     $(document).ready ( function(){
         function hide() {
             alert("içerde");
             document.getElementById("en").style.display = "none";
         }
     })
 }
 alert(deger);

当我运行代码时,var deger == tr和alert(deger)运行但函数隐藏不起作用。

2 个答案:

答案 0 :(得分:0)

在div上使用事件,请使用以下代码。

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

</div>
<script type="text/javascript">
$(document).ready(function(){
    $('#en').hide();
});
</script>

答案 1 :(得分:0)

你不能在div上使用onload。

在身上使用onload

尝试下面的snipet

&#13;
&#13;
var link = window.location.href;
var deger = link.substring(link.indexOf('?')+4);
if (deger==tr) {
  //document.getElementById("en").style = "display:none";
}
function hide() {
  alert("içerde");
  document.getElementById("en").style.display = "none";
}
alert(deger);
&#13;
<body onload="hide()" >
<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>
</body>
&#13;
&#13;
&#13;