在DOM上显示onclick;我应该隐藏它,如果是这样,怎么样?

时间:2013-07-01 10:00:16

标签: javascript jquery dom onclick

我正在使用下面的脚本来点击切换菜单。这工作正常,但我不知道将Javascript与onclick属性一起使用是否合适。这会是个问题吗?现在可以在 DOM 中看到它,如果您使用例如Firebug

<a href="#" class="button" onclick="javascript:showElement('v-menu')">
<span>Click Here</span>
</a>
<ul id="v-menu" class="v-menu" style="display:none;">
</ul>

如果它有害;我怎么能隐藏它?我该怎么办?

PS:我正在使用Wordpress,jQuery在那里不起作用。这就是我使用这种方法的原因。

2 个答案:

答案 0 :(得分:2)

  

我不知道使用带有onclick属性的Javascript是否合适

不是。它违反了separation of concerns。另请参阅Progressive EnhancementUnobtrusive JavaScript

通常首选

addEventListener或事件抽象库(包含在YUI,jQuery等中)。

  

现在可以在DOM中看到它

这不是问题。它是客户端代码。客户可以看到它。

  

我正在使用Wordpress,jQuery在那里不起作用。

Wordpress不会阻止您使用jQuery。

答案 1 :(得分:0)

我不认为它存在严重问题,但很多人会建议将您的JS与HTML分开。

所以你可以给你的主持人一个ID,然后在页面的底部做:

<script>
    document.getElementById("idname").onclick = function(){
        javascript:showElement('v-menu');
    };
</script>

...或将其放入脚本文件中并使用src属性进行引用。

相关问题