Question

我有一个按钮

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

容器的内容是正确的。它有一个控制。设置的Map属性存在于我在控制台中看到的内容。

当页面加载完全正确时。但是当我点击按钮时，属性没有设置或者页面内容没有改变。

我需要加载其他方式吗？提前谢谢你：）

Answer 1

将您的HTML更改为：

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

Answer 2

~~该属性名为onclick而不是onClick，~~显然，html属性完全不区分大小写，因此两者都有效。

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

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

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

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

我已经提供了三种不同方法的演示，可以将点击处理程序添加到下面的按钮中。

＆＃13;

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);

＆＃13;

<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>

＆＃13;

点击它时我的按钮什么都不做

2 个答案: