Question

这是一个菜单项，我只需要在browserName ='mybrowser'时显示菜单，否则我需要隐藏菜单。请帮我如何隐藏和显示菜单？我使用JavaScript代码来检查条件。

<div id="ddtopmenubar" class="mattblackmenu">
        <ul>
          <li><a href="web-hosting.php" rel="ddsubmenu1">HOSTING SERVICES</a> </li>
          <li><a href="price-match.php" rel="ddsubmenu2">PRICE MATCH</a> </li>
          <li><a href="ircd-accounts.php" rel="ddsubmenu3">IRC/UNIX</a> </li>
          <li><a href="https://clients.santrex.net/knowledgebase.php" rel="ddsubmenu4">SUPPORT</a></li>
          <li id="last"><a href="ourhistory.php" rel="ddsubmenu5">ABOUT SANTREX</a></li>
        </ul>
      </div>

Answer 1

隐藏菜单的代码：

document.getElementById('ddtopmenubar').style.display = 'none';

显示菜单的代码：

document.getElementById('ddtopmenubar').style.display = 'block';

Answer 2

检测浏览器：

var isOpera = !!(window.opera && window.opera.version);  // Opera 8.0+
var isFirefox = testCSS('MozBoxSizing');                 // FF 0.8+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !isSafari && testCSS('WebkitTransform');  // Chrome 1+
var isIE = /*@cc_on!@*/false || testCSS('msTransform');  // At least IE6
        if(isIE==true)//If IE, change it to any other as per need
        document.getElementById('ddtopmenubar').style.display = 'none';

除Safari-Chrome测试外，每个测试完全独立于另一个测试。要以可靠的方式检测Chrome，您必须排除Safari，因为两者都共享webkit前缀。但是，如果您只想知道用户是否使用Chrome 15+，也可以使用以下内容：

 var isChrome = !!(window.chrome && chrome.webstore && chrome.webstore.install);

在这里小提琴：http://jsfiddle.net/9zxvE/9/

或者如果您不需要浏览器检测

if( browserName='mybrowser' )
 document.getElementById('ddtopmenubar').style.display = 'none';

Answer 3

参见演示： http://jsfiddle.net/rathoreahsan/cQPtk/2/

Javascript：

    var mybrowser = navigator.appName;

    if (mybrowser == 'Netscape') /* Change browser name accordingly */
        { document.getElementById('ddtopmenubar').style.display = 'block' }
    else
        { document.getElementById('ddtopmenubar').style.display = 'none' }

Answer 4

document.getElementById('ddtopmenubar').style.display = 'none';
document.getElementById('ddtopmenubar').style.display = 'block';

Answer 5

使用jQuery。

这是一种方法：

http://jsfiddle.net/S8rtj/

如何使用javascript隐藏和显示菜单？

5 个答案: