Javascript奇怪风格的东西

Question

我有一个拉伸的部分，里面有多个部分。这些部分在我的CSS中对齐为“合理”。在正常的HTML代码中，这很好。如下所示：

普通HTML -示例1我想用js创建这个菜单。这是因为菜单上的<a>标记包含javascript函数。问题是，当js可用时，<a href>必须执行javascript函数，否则必须打开一个普通的url。

我尝试过这样做，但是当js可用时，浏览器在函数执行后仍然打开href url (当然)。

<a href='when_js_is_not_available.html' onclick='whenJsIsAvailable()'>Link</a>

我找到了一些东西

<section id=menu>
    <script>
        loadMenu();
    </script>

    <noscript>
        //Working html code, as showed on example 1
    </noscript>
</section>

Javascript：

function loadMenu(){
    document.getElementById('menu').innerHTML=""
            +"<a href='javascript:about()'><section class='linkNav'>Over NKika</section></a>"
            +"<a href='javascript:donate()'><section class='linkNav'>Doneren</section></a>"
            +"<a href='#'><section class='linkNav'>Inschrijven</section></a>"
            +"<a href='#'><section class='linkNav'>Fotos</section></a>"
            +"<a href='#'><section class='linkNav'>Links</section></a>"
            +"<section id='stretch'></section>";
}

这将返回与示例1相同的html代码。

错误造型。伸展运动出了点问题，诸如此类。

这个问题与CSS无关，因为在示例1中，一切都很好。

在Chrome和Firefox的开发者工具中，代码看起来完全一样。

我已经在这方面工作了几个小时，并且尝试了很多次，但我不知道如何修复this.Thank您的帮助。

Answer 1

这个怎么样：

<script>
var onclicks=document.querySelectorAll('a[onclick]');
for (index in onclicks)
{
onclicks[index].href='#';
}
</script>

我们使用定义的onclick事件选择每个锚点，然后将其href属性设置为#。因此，如果浏览器有JS，这将触发，并删除hrefs。如果没有JS，那么这当然不会触发，原始的href将保持原样。