通过清心醉

12-js-onclick利用button(按钮)调用函数

<p>点击按钮就可以执行 displayDate() 函数。</p>
<button onclick=”displayDate()”>点击这里</button>
<script>
function displayDate()
{
document.getElementById(“demo”).innerHTML=Date();
//更新id=demo的显示内容为Date()函数值. 注:Date为内置时间函数
}
</script>

<p id=”demo”></p>
<!–
当点击了<button onclick=”displayDate()”>点击这里</button>这一行时
最后一行会显示数据,
–>

/*********第二种方法*********/
<br /> <br />
<p>点击按钮就可以执行 <em>displayDate1()</em> 函数。</p>
<button id=”myBtn1″>点击这里</button>
<script>
document.getElementById(“myBtn1”).onclick=function(){displayDate1()};
//在这已经根据ID获取单击事件,响应的函数->displayDate1()
function displayDate1() //函数体
{
document.getElementById(“demo1″).innerHTML=Date();
}
</script>
<p id=”demo1”></p>

关于作者

清心醉 administrator

发表评论

请输入验证码: