<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style> #innav{position:relative;} </style> <script> window.onload=function(){ innav=document.getElementById('innav'); innav.style.display='none'; } function xs(){ innav.style.display='block'; innav.style.left=''; } function yc(){ innav.style.display='none'; } </script> <body> <ul id='nav'> <li>首页</li> <li>公司简介</li> <li>产品展示 <ul id='innav'> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ul> </li> <li>联系我们</li> </ul> <button onclick='xs();'>xs</button> <button onclick='yc();'>yc</button> </body> </html>
要想让脚本在网页加载完毕后再执行，js还想写在网页开头，就要用到window.onload=function(){这个里面写函数}
还有就是对象的使用范围，在一个function内函数是可以共用的，包括嵌套的，
如果不在一个函数内，则需要重新在页面获取。