如果启用Java而没有重复内容,则显示隐藏的Javascript div
简而言之,我正在尝试使用带有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(见此处) 这是我目前的密码如果启用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)的逻辑 还有-有没有
<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>`