js控制ul的显示隐藏，对象的有效范围

<!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.οnlοad=function(){这个里面写函数}

还有就是对象的使用范围，在一个function内函数是可以共用的，包括嵌套的，

如果不在一个函数内，则需要重新在页面获取。

posted on 2015-07-07 12:05 TXXT 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/txxt/p/4626586.html

js控制ul的显示隐藏，对象的有效范围相关推荐

原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...
JS控制DIV的显示隐藏
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
JS控制文字只显示两行，超出部分显示省略号
JS控制文字只显示两行,超出部分显示省略号由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案. 第一步:依次引入jq ...
JS获取本地IP显示隐藏IP
JS获取本地IP&显示隐藏IP 前言 JS获取本地IP方法遇到问题解决方案火狐(FireFox)删除隐藏IP 谷歌(Chrome)删除隐藏IP 前言这段时间一直在搞前端,我一个软件开发 ...
Vue按钮控制身份证号码显示隐藏中间部分
在实际开发中经常会遇到点击小眼睛图标控制身份证号码显示隐藏的情况.比如: 这是我在实际开发中遇到的问题,或许方法有点笨,但是可以实现,有大神请指教. 1.首先在data中保存数据,并且定义一个布尔值变 ...
原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
js控制页面元素的隐藏与显示
2019独角兽企业重金招聘Python工程师标准>>> <body> <div> <button οnclick='javascript:Layer ...
html5 js单击隐藏显示,《锋利的JS》之单击显示隐藏
这是〈持环开行打进对端架处参触架码我通会法时果锋利的JQ〉里的第二章实例,首先,看效果:直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如如图: 默认状态:隐遇新是直朋能到藏单击按钮显示遇新是直 ...
flutter控制显示隐藏_leaflet中如何通过透明度控制layerGroup的显示隐藏
最近在leaflet开发过程中,遇到地图数据需要按时序播放的需求,处理思路是将每个时间节点的要素添加到layerGroup中,然后通过切换layerGroup的显示隐藏来实现效果.翻看leaflet的 ...

js控制ul的显示隐藏，对象的有效范围

js控制ul的显示隐藏，对象的有效范围相关推荐

最新文章

热门文章