我需要一个有条件的 JavaScript 代码。
无需设置 display:none 代码。它已经起作用了。但我想要基于 html/body 类的代码。
当 body/html 类为“gecko”时，仅显示 firefox div 并从页面中删除所有其他 div。喜欢：
<body class="gecko">
<div id="firefox"></div>
<div id="ie"></div> [need to remove this]
<div id="chrome"></div> [need to remove this]
<div id="safari"></div> [need to remove this]
</body>
当 body/html 类是 chrome 时，仅显示 chrome div 并从页面中删除所有其他 div。
<body class="chrome">
<div id="firefox"></div> [need to remove this]
<div id="ie"></div> [need to remove this]
<div id="chrome"></div>
<div id="safari"></div> [need to remove this]
</body>
当 body/html 类为空白时，仅显示 IE div 并从页面中删除所有其他 div。
<body>
<div id="firefox">text here</div> [need to remove this]
<div id="ie"></div>
<div id="chrome"></div> [need to remove this]
<div id="safari"></div> [need to remove this]
</body>
我不想设置 display:none 或 visibility:hidden code。我想删除（） javascript 代码。
我试过用这个。它适用于所有主要浏览器。检测浏览器并设置显示：无；对于其他浏览器。您可以在此处查看 css 部分演示：http: //www.downloadsaga.com/inboxace/。但是当我使用 iframe 时，它仍然为其他 div 加载 iframe。为此，我需要一个在 iframe 不显示时无法加载的代码。
<?php require('css_browser_selector.php') ?>
<html class="<?php echo css_browser_selector() ?>">
<head>
<title>Browser Detect</title>
<style type="text/css">
.ie #firefox, .ie #chrome, .ie #opera, .ie #safari {
display:none;
}
.gecko #chrome, .gecko #ie, .gecko #opera, .gecko #safari {
display:none;
}
.win.gecko #chrome, .win.gecko #ie, .win.gecko #opera, .win.gecko #safari {
display:none;
}
.linux.gecko #chrome, .linux.gecko #ie, .linux.gecko #opera, .linux.gecko #safari {
display:none;
}
.opera #firefox, .opera #chrome, .opera #ie, .opera #safari {
display:none;
}
.safari #firefox, .safari #chrome, .safari #ie, .safari #opera {
display:none;
}
.chrome #firefox, .chrome #opera, .chrome #ie, .chrome #safari {
display:none;
}
.opera #opera {
display:block;
}
.chrome #chrome {
display:block;
}
html {overflow: auto;}
html, body, div, iframe {margin: 0px; padding: 0px; height: 100%; border: none;}
iframe {display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden;}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if ($("body").hasClass("gecko")){
$( "#ie" ).remove();
$( "#chrome" ).remove();
$( "#safari" ).remove();
$( "#opera" ).remove();
} else if ($("body").hasClass("chrome")) {
$( "#ie" ).remove();
$( "#firefox" ).remove();
$( "#safari" ).remove();
$( "#opera" ).remove();
} else if ($("body").hasClass("")) {
$( "#chrome" ).remove();
$( "#firefox" ).remove();
$( "#safari" ).remove();
$( "#opera" ).remove();
} else if ($("body").hasClass("safari")) {
$( "#ie" ).remove();
$( "#firefox" ).remove();
$( "#chrome" ).remove();
$( "#opera" ).remove();
} else if ($("body").hasClass("opera")) {
$( "#ie" ).remove();
$( "#firefox" ).remove();
$( "#safari" ).remove();
$( "#chrome" ).remove();
}
});
</script>
</head>
<body class="webkit chrome win">
<div id="#content">
<div id="firefox">
<iframe src="firefox.html" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>
<div id="chrome">
<iframe src="google.html" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>
<div id="ie">
<iframe src="microsoft.html" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>
<div id="opera">
<iframe src="opera.html" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>
<div id="safari">
<iframe src="safari.html" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>
</div>
</body>
</html>
有高手解答吗？？在这里你得到了 css_browser_selector.php 文件。 https://github.com/bastianallgeier/PHP-Browser-Selector