为什么这个“href”是这样的？值在 Opera 中不起作用？

Question

我有以下内容：

<a href="javascript:jQuery('body').css('backgroundColor','red');">Test</a>

在 Chrome 中运行时，它按预期运行并将页面变成红色。然而，在歌剧中我得到：

[对象对象]

仔细检查发现 Opera 认为 javascript:Query('body')... 是某种 URL。我做错了什么？ Opera 无法识别 href 属性中的 javascript: 链接吗？

jsFiddle： http://jsfiddle.net/9CZZL/

---

编辑： 似乎是火狐也有问题...

Answer 1

问题在于 jQuery('body').css('backgroundColor','red') 的返回值是一个对象，某些浏览器将其解释为网页的新内容。要解决此问题，您可以使用 JavaScript void 运算符将其转换为 undefined，FF 和 Opera（以及可能的其他）将按照您的预期进行处理。您会注意到该页面上也描述了此问题，因为它是 void 运算符的主要用例（代码高尔夫除外，其中 void 0 的字符数少于未定义）。

<a href="javascript:void(jQuery('body').css('backgroundColor','red'));">Test</a>

这应该给出预期的结果： http://jsfiddle.net/9CZZL/13/

它应该是指出以这种方式处理点击被认为是不好的做法。相反，建议使用 JavaScript 中的事件处理程序。这有助于分离 Web 应用程序的不同层，从而使将来的调试变得更加容易。

Answer 2

我刚刚进行了谷歌搜索，不，显然 Opera 无法识别“javascript:”href 值。您必须实施 onClick 或类似的解决方案。

Answer 3

在 Firefox 中也是如此...不太清楚为什么。但我从来不喜欢将 JavaScript 放在 URL 中...您可以尝试将其放入 onclick 事件中，或者将整个内容拉出来并将其分开：

http://jsfiddle.net/mnbayazit/6d5An/

Answer 4

这些都在 Opera 10.1 中作为 href 值工作：

javascript:void(0)
javascript:alert("Hello")
javascript:window.location.href = 'http://www.google.com'

但您的代码片段却没有。

一个可行的解决方法是：

<a href="#" onclick="$('body').css('background-color','red')">Test</a>

甚至：

<a href="javascript:void(0)" onclick="$('body').css('background-color','red')">Test</a>

...因为这似乎有效。