根据代码中存在的单词/url 显示 CSS/HTML

Question

我一直在寻找这个，但没有找到我想在我的网站上实现的任何东西。

这个想法是，如果代码中存在或不存在单词或 url，则显示一些 html 代码或更改一些 css 内容。 例如，如果我想在单词banana 不在代码中时显示一个小部件……或者如果网址http://bleble/tagged/banana 不在代码中……？ 我该怎么做？

我想它必须使用 javascript 和条件，但我只知道 CSS+HTML。

提前谢谢我的英语。

window.onload = function() {
// Funcion hecha por Welele antes de usarla pide permiso.
var enlaces = document.getElementsByTagName("a");var contador = 0;
for(var i=0; i<enlaces.length; i++) 
{
if(enlaces[i].href == "http://welele.es/tagged/azas" || enlaces[i].href == "http://welele.es/tagged/azas/") 
    { contador++;}
    if(contador>2){break;}        
}
if(contador>2){$('#goviral').addClass('oculto');}}

这个想法是.. 如果 contador (counter) 大于 2，则 oculto 类将被添加到 goviral id (oculto 类是 .oculto {display:none} ) 并且它的工作... ;) 我想那是可能不是最有效的代码，但它是我的第一个 javascript。

Answer 1

var txt = document.querySelector("textarea").value; // pretending the string is
                                                    // from a <textarea>
if(txt.search(/banana/i)==-1){
    //show widget
}

// -or-

var key = new RegExp("http://bleble/tagged/banana","i");
if(txt.search(key)==-1){
    //show widget
}

Answer 2

使用 JavaScript 进行函数式操作并不是最佳实践。

您的网站会单独使用 HTML CSS 吗？

您是否使用 CMS，如果是，您可以编写一些服务器端脚本。