如何用js实现：

JavaScript06

如何用js实现：,第1张

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>这样用JS实现</title> <style type="text/css"> table {border-collapse: collapse border-spacing:0 }table tr: nth-child(odd){background-color: #ddd }table td{border: 1px solid #000 }</style> </head> <body> <span>表格行数</span>:<input type="number" id="row" value=6> <span>表格列数</span>:<input type="number" id="col" value=8> <button id="btn">绘制表格</button> <table><tbody></tbody></table> <script type="text/javascript"> btn.onclick = function(){var rowNo = row.value, colNo = col.value if (rowNo <1) {alert('行数非法') return }if (colNo <1) {alert('列数非法') return }var tbodyHtml = '' for (var i = 0i <rowNoi++) {tbodyHtml += '<tr>' for (var j = 0j <colNoj++) {tbodyHtml += '<td>(' + (i + 1) + ',' + (j + 1) + ')</td>' }tbodyHtml += '</tr>' }document.getElementsByTagName('tbody')[0].innerHTML = tbodyHtml } </script> </body></html>

js页面刷新

让页面进行刷新，可以使用 location.reload() 方法，但是这种方法会让页面一直不断的刷新。

这是因为当页面加载完成以后，我们让它刷新一次，那么浏览器就会重新向服务器请求数据，界面会重新加载，然后，加载完成又调用了location.reload()方法，这样就陷入了死循环，一直处于请求然后刷新的状态。

为了解决这样的问题，我们使用下面这种方式：

利用以上方法，在每次进入这个页面的时候，都会绕过浏览器缓存，重新向服务器获取数据。