显示/隐藏侧边栏

更新时间：2006年10月14日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>显示/隐藏</title> <style type="text/css">  </style> <script type="text/javascript"> function pr() { var L=document.getElementById("left"); // 变量：L代表 id="left" 的标记 var R=document.getElementById("right"); // 变量：R代表 id="right" 的标记 if (L.className=="left") // 判断：如果 id="left" 的class值 等于left的话，将执行下面{}里面的内容     {         L.className="left1"; // 给 id="left" 的标记 加上class：left1         R.className=" "; // id="right" 的标记 加上class：空格，也就是消除class     } else // 判断：如果 id="left" 的class值 不等于left的话，将执行下面{}里面的内容     {         L.className="left"; // 给 id="left" 的标记 加上class：left         R.className="right"; // 给 id="right" 的标记 加上class：right     } } </script> </head> <body> <div id="left" class="left"></div> <div id="right" class="right"> <a href="javascript:pr()">显示/隐藏</a> 俺是个js初学者，献丑了。这段js演示其实很简单，俺在这里只是想跟js大大们说一句：js是行为，不要跟样式表打架。有些事还是该由css来做的，例如：display:none || display:block，简直泛滥成灾了！俺只会玩玩css，拿到js不会改，不敢改，唉。明明一个class就能甩给css做的事，js为啥要抢着做呢？搞得俺们这些会点css滴菜鸟们好是郁闷~难道玩css就一定要会js么？ </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

显示/隐藏侧边栏

js substr、substring和slice使用说明小记
关于substr、substring和slice方法区别的文章，网上搜到了许多，文章内容也基本一致。而后，我将其中一篇文章中的代码挪到本地进行了测试，发现测试结果和原文中的有些出入。
2011-09-09
关于Google发布的JavaScript代码规范你要知道哪些
代码规范并不是一种编写正确JavaScript代码的规则，而是为了保持源代码编写模式一致的一种选择。这篇文章给大家介绍了关于Google发布的JavaScript代码规范你要知道哪些，感兴趣的朋友一起看看吧
2018-04-04
用js传递value默认值的示例代码
这篇文章主要介绍了用js传递value默认值的简单实现,很简单但比较实用，需要的朋友可以参考下
2014-09-09
JavaScript基础篇（6）之函数表达式闭包
这篇文章主要介绍了javascript基础篇（6）之函数表达式闭包的相关资料,需要的朋友可以参考下
2015-12-12
关于arguments,callee,caller等的测试
关于arguments,callee,caller等的测试...
2006-12-12
JS保留小数点(四舍五入、四舍六入)实现思路及实例
保留两位小数：将浮点数四舍五入，取小数点后2位；如：2，会在2后面补上00.即2.00，感兴趣的朋友看下具体的实现思路及代码
2013-04-04
JavaScript支持的最大递归调用次数分析
这篇文章主要介绍了JavaScript支持的最大递归调用次数分析,也称JavaScript支持的最大堆栈数量,需要的朋友可以参考下
2014-06-06
Javascript拖拽系列文章1之offsetParent属性
这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读
2008-09-09
javascript实现label标签跳出循环操作
这篇文章主要为大家详细介绍了javascript实现label标签跳出循环操作，感兴趣的朋友可以参考一下
2016-03-03
Bootstrap每天必学之弹出框（Popover）插件
Bootstrap每天必学之弹出框（Popover）插件,弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充，如何实现请参考本文
2016-04-04

显示/隐藏侧边栏

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具