javascript - 是否可以使用html标签内联事件属性调用对象方法？

我试图理解核心javascript的概念。
众所周知，对于这样的事件，我们可以在全局上下文中调用函数。

HTML

<span class="name" onclick="clicked()">Name</span>

的JavaScript

function clicked(){
   alert("span clicked");
}

但是为什么我们不能像下面这样调用函数即对象方法：

HTML

<span class="name" onclick="nameobject.clicked()">Name</span>

Java脚本

var nameobject = {
   clicked: function(){
     alert("Clicked");
   }
}

我有什么想念的吗？有人可以帮我吗？

最佳答案

您可以调用它，但是您的js代码应在html code之前绑定
您可以检查fiddle

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var nameobject = {
   clicked: function(){
     alert("Clicked");
   }
}
</script>
<span class="name" onclick="nameobject.clicked()">Name</span>