Question

我正在创建一些html，如下所示：

html += '<a class="ipadbutton" href="javascript:dashboard_GetProfileStats({&quot;profileid&quot;:&quot;' + profile.id + '&quot;});">Stats</a>';

当我将鼠标悬停在Chrome中的链接上时，它看起来没问题（一切都已解决，所以链接看起来像这样：

javascript:dashboard_GetProfileStats({"profileid":"blablabla"});

但是，该链接在Chrome或Safari中无法使用。你可以在这样的hrefs中嵌入对象吗？感谢。

Answer 1

＆amp; quot是javascript的错误语法。它显示为引号“'”，但在内部它是“”“，这导致链接失败。

你想要的更像是：

html += "<a class=\"ipadbutton\" href=\"javascript:dashboard_GetProfileStats({'profileid': + profile.id});\">Stats</a>';

甚至更好

html += "<a class=\"ipadbutton\" href=\"\" onclick=\"dashboard_GetProfileStats({'profileid': + profile.id});\">Stats</a>';

，通常使用事件处理程序来处理链接和锚标记。

最好的是:(通过jquery附加事件）

html += '<a class="ipadbutton">Stats</a>';

<script>
  $(function() {
   $('.ipadbutton').click(function() {
     dashboard_GetProfileStats({'profileid': + profile.id});
     return false;
   });
  });
</script>

Answer 2

使用onclick代替href

<a href="#" onclick='javascript:dashboard_GetProfileStats({"profileid":"blablabla"});'> ...

嵌入对象无效的Javascript函数调用

2 个答案: