當把在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>
2017-07-27
window.onload事件表示文檔加載完后就運行,點擊事件不需要加上,點擊事件前,文檔已加載完畢,不用擔心獲取不到節點。
2017-08-01
定義預加載onload 沒錯 ?只是display=display ?這種寫法導致了錯誤, 一般用于隱藏 ?的兩個方法 display 和visibility
2017-07-27
不要在函數里定義函數
2017-07-27
window.onload = function(){
}
這個函數里內容,文檔加載完后自動運行。onclick事件,函數需要點擊才能運行
2017-07-27
<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"
2017-07-27
display屬性值有"none"、“inline”、“block”
2017-07-27
沒明白