menu-为什么js没有运行,点击一下出来

问题描述

为什么js没有运行,点击一下出来

function menudisplay(tagnanme){
var tag=document.getElementById(tagname);
if(tag.style.display=="none"){
tag.style.display="block";
}
else{
tag.style.display="none";
}
}

    <div id="c-t-l-title">商品分类</div>
    <div id="menu">
      <div id="c-t-l-menu1" class="c-t-l-menu" onclick="menudisplay('c-t-l-menu1-sub');">盐都美食</div>
      <div id="c-t-l-menu1-sub" class="c-t-l-menu-sub" style="display:block;">
      <ul>
        <li><a href="#">火边子牛肉</a></li>
        <li><a href="#">冷吃兔</a></li>
        <li><a href="#">牛肉干</a></li>
      </ul>
      </div>
      <div id="c-t-l-menu2" class="c-t-l-menu" onclick="menudisplay('c-t-l-menu2-sub');">旅游特产</div>
      <div id="c-t-l-menu2-sub" class="c-t-l-menu-sub" style="display:none;">
      <ul>
        <li><a href="#">大三绝</a></li>
        <li><a href="#">小三绝</a></li>
      </ul>
      </div>

解决方案

你的问题是拼写错误问题,函数中的参数名称和函数里面的名称不一致。
function menudisplay(**tagnanme**){
var tag=document.getElementById(**tagname**);
if(tag.style.display=="none") {
tag.style.display="block";
} else {
tag.style.display="none";
}
}

另外建议你学会看浏览器的报错信息,这样可以方便你定位问题。![图片说明](http://img.ask.csdn.net/upload/201512/05/1449326495_557026.png)

解决方案二:

首先请注意排版,这样有利于别人帮你排错,其次建议你装一个firebug或者其它的浏览器调试工具,这样有助你调试bug。

解决方案三:

那个单引号不是中文的吗?,理论上讲是没有问题的

时间: 2024-11-17 05:54:10

menu-为什么js没有运行,点击一下出来的相关文章

js实现鼠标点击左上角滑动菜单效果代码_javascript技巧

本文实例讲述了js实现鼠标点击左上角滑动菜单效果代码.分享给大家供大家参考.具体如下: 这里需要鼠标点击激活的网页左上角菜单,不点击不会滑出来,可以改造成二级菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-hd-show-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo

JS的运行机制

代码块: JS中的代码块是指由<script>标签分割的代码段.JS是按照代码块来进行编译和执行的,代码块间相互独立(即就算代码块1出错,但不影响代码块2的加载和执行),但变量和方法共享. 案例:2个代码块   <script type="text/javascript">      console.log("这是代码块一");  </script>     <script type="text/javascrip

360极速模式下可用的js实现按钮点击显示隐藏控件

问题描述 360极速模式下可用的js实现按钮点击显示隐藏控件 网上找了一些都只能在兼容模式或IE模式下实现 用360极速浏览器的极速模式无法实现 求一段可以在360浏览器里生效的代码 实现点击按钮隐藏一些控件(如div)并且显示另一些控件 解决方案 解决 chrome 浏览器对 div 的 display : none 不支持 试了很久,发现在style设置display:none的时候,IE是可以的,但是chrome不行 [html] view plaincopy在CODE上查看代码片派生到我

JS实现可点击展开与关闭的左侧广告代码_javascript技巧

本文实例讲述了JS实现可点击展开与关闭的左侧广告代码.分享给大家供大家参考.具体如下: 这里介绍的是JS实现网页上可点击展开.关闭的左侧广告代码,表现形式类似对联广告,不过操作方式不一样,点击时候会隐藏在屏幕在左侧,但是不是完全隐藏,仍显示一个图片竖条的广告,而且点击"显示"的时候,它会重新打开广告,这种广告可以提高网页的用户体验. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-show-close-style-ad

js实现鼠标点击文本框自动选中内容的方法_javascript技巧

本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入效率,用户肯定会喜欢这功能,那么实现的方法是怎么样呢?通过本代码你就搞明白了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-click

异步动态加载JS并运行

 这篇文章主要是对异步动态加载JS并运行的示例代码进行了介绍.需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:    代码如下: (function(){ var ga=document.createElement('script');ga.type?=?'text/javascript';?ga.async?=?true; ga.src?=?('https:'?==?document.location.protocol???'https://ssl'?:?'http://www')?+

JS实现鼠标点击展开或隐藏表格行的方法

 这篇文章主要介绍了JS实现鼠标点击展开或隐藏表格行的方法,实例分析了javascript操作table表格与css样式的技巧,需要的朋友可以参考下     本文实例讲述了JS实现鼠标点击展开或隐藏表格行的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

在Firefox下js select标签点击无法弹出

在Firefox下js select标签点击无法弹出,在IE和CHROME下没有此现象 在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.  

js读取被点击次数的简单实例

这篇文章主要介绍了js读取被点击次数的简单实例(从数据库中读取).需要的朋友可以过来参考下,希望对大家有所帮助 是每次点击时获取一共点击了多少次是吧 1.可以再服务器端拖一个隐藏的隐藏的button控件,然后写button的Click事件,这个事件的作用是从数据库中调取一共被点击的次数. 2.把被点击的次数赋给一个隐藏的TextBox控件的Text属性. 3.在你的js函数validata()里触发服务器端的button控件的click事件 fuction validata()" { docum