很抱歉提出基本问题，但我刚刚开始学习JS。点击按钮后进行排序，但是如何在打开页面时自动进行排序？谢谢。
<button onclick="sortTable()">Sort</button>
<table id="myTable">
<tr>
<td>Koniglich Essen</td>
<td>Spain</td>
</tr>
<tr>
<td>Paris specialites</td>
<td>France</td>
</tr>
</table>
<script>
function sortTable() {
var table, rows, switching, i, x, y, shouldSwitch;
table = document.getElementById("myTable");
switching = true;
while (switching) {
switching = false;
rows = table.rows;
for (i = 1; i < (rows.length - 1); i++) {
shouldSwitch = false;
x = rows[i].getElementsByTagName("TD")[0];
y = rows[i + 1].getElementsByTagName("TD")[0];
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
switching = true;
}
}
}
</script>
</body>
</html>
您可以在 DOM 准备就绪后立即通过在文档加载时调用函数来运行函数。
document.onload = function() {
sortTable();
};
这可以回答您的问题，同时可以帮助其他正在寻找的人在加载后运行按钮单击，即使您只需在准备好的文档上键入 function((，这也是如何在页面加载后触发按钮单击并运行其功能的方法之一， 您可以使用以下代码 我发布了一个完整的html和javascript代码， 由于我还包含jQuery链接，这将在文档加载完成后触发按钮单击，
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Document</title>
</head>
<body>
<button id='btn1' onclick="btnFuntion()">Test</button>
<script>
$(document).ready(()=>{
document.getElementById('btn1').dispatchEvent(new MouseEvent("click"));
})
function btnFuntion(){
alert("the button has been clicked Automatically")
//this is the button function you can put your code here..
}
</script>
</body>
</html>
祝你好运，如果它有用，不要忘记标记它回答...所以它可能对其他人有用... :)