为了账号安全,请及时绑定邮箱和手机立即绑定

当把在head头部的js代码加了onload后,无法显示改节点击按钮隐藏的效果,去掉就成功显示

<script>

window.onload=function(){


 function touch1(){

   document.getElementById("con").style.display="none";

 }

 function touch2(){

   document.getElementById("con").style.display="display";

 }



}


 

</script>

 </head>

 <body>

   <div>aaaaa</div>

   <div id="con">aaaaaaaaaaaaa</div>

   <form>

   <input type="button" onclick="touch1()" value="hide" >

   <input type="button" onclick="touch2()" value="open">

   </form>



正在回答

7 回答

window.onload事件表示文档加载完后就运行,点击事件不需要加上,点击事件前,文档已加载完毕,不用担心获取不到节点。

0 回复 有任何疑惑可以回复我~
#1

Molly喜 提问者

非常感谢!
2017-12-08 回复 有任何疑惑可以回复我~

定义预加载onload 没错  只是display=display  这种写法导致了错误, 一般用于隐藏  的两个方法 display visibility

0 回复 有任何疑惑可以回复我~

不要在函数里定义函数

0 回复 有任何疑惑可以回复我~

window.onload = function(){

}

这个函数里内容,文档加载完后自动运行。onclick事件,函数需要点击才能运行

0 回复 有任何疑惑可以回复我~

<script>



 function touch1(){

   document.getElementById("con").style.display="none";

 }

 function touch2(){

   document.getElementById("con").style.display="block";

 }





 

</script>

  </head>

  

  <body>

    <div>aaaaa</div>

   <div id="con">aaaaaaaaaaaaa</div>

   <form>

   <input type="button" onclick="touch1()" value="hide" >

   <input type="button" onclick="touch2()" value="open">

   </form> <br>

注释:onload是加载事件和这个没有关系吧  还有打开是display="block"

0 回复 有任何疑惑可以回复我~

display属性值有"none"、“inline”、“block”

0 回复 有任何疑惑可以回复我~

没明白

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

当把在head头部的js代码加了onload后,无法显示改节点击按钮隐藏的效果,去掉就成功显示

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信