<!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内函数是可以共用的，包括嵌套的，
如果不在一个函数内，则需要重新在页面获取。
时间： 2024-10-24 07:29:14