<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1"><title>Modify Show hidden</title><Metaname= "description"content=""><Metaname= "keywords"content=""><Linkhref=""rel= "stylesheet"><style>. Center{width:300px;Height:300px;Border:1px solid #ccc; Left:50%;Margin-left:-150px;Top:50%;Margin-top:-150px;position:Absolute;Display:None;}</style><Script>/*window.onload=function () {*/ /*Add the onload page and you'll get an error.*/ functionShow () {varOdiv=document.getElementById ('Box'); ODiv.style.display='Block'; } functionHide () {varOdiv=document.getElementById ('Box'); ODiv.style.display='None'; }/*}*/ </Script></Head><Body> <inputtype= "button"value= "Eject"onclick= "Show ()"> <Divclass= "Center"ID= "box">Wefweofjpjfoiwe<inputtype= "button"value= "hidden"onclick= "Hide ()"> </Div></Body></HTML>
You have written the function inside as an inner function of the onload event. Then the function inside is a closed packet. This function cannot be found on the global, click Cannot find the function inside, how to execute?
Understand scopes and closures.
function into onload, execute function in HTML error-----scope and closure related issues