Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如果启用Java而没有重复内容,则显示隐藏的Javascript div_Javascript_Html_Cross Browser_Hidden - Fatal编程技术网

如果启用Java而没有重复内容,则显示隐藏的Javascript div

如果启用Java而没有重复内容,则显示隐藏的Javascript div,javascript,html,cross-browser,hidden,Javascript,Html,Cross Browser,Hidden,简而言之,我正在尝试使用带有Javascript函数的HREF菜单来显示div。然而,我担心的是,虽然我可能有两个单独的div,一个启用了Javascript,另一个没有启用Javascript,但我不想在我的页面上复制原始内容(因为爬行器将索引显示:none-html) 我不熟悉javascript的功能和最佳实践。我的直觉是,当存在javascript时,用字符串替换特定id样式标记的div 即,如果启用javascript,则替换样式标记的文本以显示=无(对于特定ID)的逻辑 还有-有没有

简而言之,我正在尝试使用带有Javascript函数的HREF菜单来显示div。然而,我担心的是,虽然我可能有两个单独的div,一个启用了Javascript,另一个没有启用Javascript,但我不想在我的页面上复制原始内容(因为爬行器将索引显示:none-html)

我不熟悉javascript的功能和最佳实践。我的直觉是,当存在javascript时,用字符串替换特定id样式标记的div

即,如果启用javascript,则替换样式标记的文本以显示=无(对于特定ID)的逻辑

还有-有没有一种方法可以不特定于javascript。例如,如果我有contentid1、contentid2、contentid3、contentid4、contentid5、contentid6,我可以通过正则表达式或contentid2-6的等价物使用

我将在ContentID发生变化的多个页面上使用它。我不知道是否应该创建一个javascript条件样式,因为我不确定如何将该样式应用于多个ID(见此处)

这是我目前的密码

 <script type="text/javascript">
function showHide(d)
{
var onediv = document.getElementById(d);
var divs=['content1','content2','content3','content4'];
for (var i=0;i<divs.length;i++)
  {
  if (onediv != document.getElementById(divs[i]))
    {
    document.getElementById(divs[i]).style.display='none';
    }
  }
onediv.style.display = 'block';
}
</script>

函数showHide(d)
{
var onediv=document.getElementById(d);
var divs=['content1','content2','content3','content4'];

对于(var i=0;iAlso-这是在wordpress网站上。我可以访问主题函数,所以我可以尝试php,但我不擅长使用部分str_replacingAlso-我可以为详细的答案支付10美元吗?或者这是针对堆栈溢出社区标准的吗?我认为这有点违反指导原则(但是你可以雇佣一个自由职业者,当然,不是为了这么简单的事情)。基本上,你可以在没有显示的情况下打印div,然后用JS隐藏它们(这样当JS被禁用时它们就不会被隐藏)或者给你的div一个类,在一个
中放置一个样式标签,带有
display:block!important;
,以确保它们在JS被禁用时可见。Fabio-无法给你答案-但是谢谢。你的评论非常有用愚蠢的css问题-我需要将自定义css样式加载到主样式表中,然后让标题底部的e noscript标记,对吗?
<ul>
    <li><a href="javascript:showHide('content1');">link1</a></li>
    <li><a href="javascript:showHide('content2');">link2</a></li>
    <li><a href="javascript:showHide('content3');">link3</a></li>
    <li><a href="javascript:showHide('content4');">link4</a></li>
</ul>
<div id="content1" >Content</div>
<div id="content2" style="display: none;">Stuff</div>
<div id="content3" style="display: none;">Things</div>`