发表于： 2019-04-24 21:04:42
1 913
今天完成的事情：今天完成的挺多，感觉这么久以来第一次没有水。
今天把滑动条限制了4到18.否则会有弹窗。还有判断词组是否为空，还分了杀手和平民的人数
明天计划的事情：明天计划写一个数组，然后用洗牌算法打乱数组
遇到的问题：
1.oninput和onchange的区别
oninput 事件在用户输入时触发。
该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。
onchange :元素发生改变时调用，在元素失去焦点时调用方法
onInput :元素发生改变时调用，元素变化，立即触发方法
2.innerHTML是什么？
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容；
如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
下面的例子返回了表格行的 inner HTML：
<html>
<head>
<script type="text/javascript">
function getInnerHTML() {
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />
</body>
</html>
收获：今天搞明白了什么是innerHTML还有oninput和onchange的区别。还有怎么写弹窗，还有让多个input输入框的值同步
返回列表
评论