当我点击按钮时，它什么也没做

Question

我有一个按钮

<script>
function changeMap() {
 container.setMap(oMap); 
}   
</script>
<button onClick="changeMap"> Click here </button>

容器的内容正确。 它有一个控件。 根据我在控制台中看到的内容，存在set Map属性。

页面加载完成后，一切正确。 但是，当我单击该按钮时，该属性未设置或该页面的内容未更改。

我是否需要加载其他方式？ 先感谢您 ：）

Answer 1

将您的HTML更改为此：

<button  onclick="changeMap()">Click here</button>

Answer 2

该属性称为 onclick而不是 onClick ， 显然html属性完全不区分大小写，因此两者都可以使用。

但是，您还需要在函数名称后加上括号。

<button onclick="changeMap(event)">Click Here</button>

这里的event是全局浏览器，允许我们将事件传递给处理程序。 就您而言，您没有使用该事件，因此没有必要。

另请注意，如果您在javascript中添加事件，则不会使用括号。

我提供了一个演示，其中包含三种将点击处理程序添加到下面的按钮的三种不同方式。

 function log(message){ var line = document.createElement('div'); var text = document.createTextNode(message); line.appendChild(text); messages.appendChild(line); } function handleClick(e){ log("Click from " + e.target.id); } // add an event listener to b2 b3.onclick = handleClick; // add an event listener to b3 b4.addEventListener('click', handleClick); 

 <button onclick="handleClick(event);" id="b1" >Button 1</button> <button onClick="handleClick(event);" id="b2" >Button 2</button> <button id="b3">Button 3</button> <button id="b4">Button 4</button> <div id="messages"> </div>