首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

一段简短的代码,为何点击按钮没反应

2013-04-02 
一段简短的代码,为什么点击按钮没反应?本帖最后由 q631263135 于 2013-03-28 10:45:27 编辑htmlheads

一段简短的代码,为什么点击按钮没反应?
本帖最后由 q631263135 于 2013-03-28 10:45:27 编辑

<html><head>
<script>
document.getElementById("btn").onclick = function() {displayTime()};
function displayTime() {
document.getElementById("p").innerHTML = Date();
}
</script>
</head>

<body>
<p id="p">If you click the button,I will show the date.</p>
<button type="button" id="btn">show date</button>
</body>
</html>


[解决办法]
因为你的JS执行的时候页面元素还没加载到。

要是你打开了控制台应该可以看到错误。

function displayTime() {
   document.getElementById("p").innerHTML = Date();
}
window.onload = function(){
    document.getElementById("btn").onclick = function() {displayTime()};
}

JS部分改成这样
[解决办法]
把script移到<button type="button" id="btn">show date</button>后面。

热点排行