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

源自：3-5 显示和隐藏（display属性）

当把在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>

提问者：Molly喜 2017-07-27 13:44

个回答

eq361

2017-07-27 14:58:31

已采纳

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

0
究極HCJ求道者

2017-08-01 16:06:40

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

0
eq361

2017-07-27 15:08:38

不要在函数里定义函数

0
eq361

2017-07-27 15:07:32

window.onload = function(){
}
这个函数里内容，文档加载完后自动运行。onclick事件，函数需要点击才能运行

0
慕侠9225107

2017-07-27 15:04:48

<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
eq361

2017-07-27 15:03:30

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

0
慕仙7334262

2017-07-27 15:00:24

没明白

0