1.说明:
事件: 简单来说,我们的页面元素例如按钮,被鼠标单击了一次,就是一个事件;这个事件是在js中已经定义好的,我们只需要关注其发生的时间,会调用即可。
Show是一个函数名,函数就是一段可以完成特定代码的片段的集合,这个集合是一个整体的形式对外服务的,我们的使用,直接调用就可以,可以多次调用.
<!-- onclick单击事件 进行触发-->
<input type="button" value="求和" onclick="qiuhe()" />
2.操作步骤:
2.1 定义函数,函数的基本语法:
2.2 按钮事件,调用函数:
2.3 运行查看效果:
2.4 函数再说明:
2.4 函数练习:
题目:1. 自定义一个函数,打印
a
aa
aaa
aaaa
aaaaa
……
打印的行数由用户来输入.
题目:2. 根据用户输入的数字,输入求和结果
function qiuhe() {
var num = document.getElementById("num").value;
var sum = 0;
for(var i = 1; i <= num; i++) {
sum = sum + i;
}
document.getElementById("result").value = (sum);
}
</script>
<!--<!--输入框内容-->
<input type="text" id="num" value="100" />
<!--按钮 onclick 调用函数-->
<input type="button" value="求和" onclick="qiuhe()" />
<!--显示结果文本框-->
<input type="text" id="result" />
引用解析: