首页html+js实现冒泡排序

html+js实现冒泡排序

时间: 2023-10-13 22:22:58 浏览: 120

好的，以下是 HTML 和 JavaScript 实现冒泡排序的代码示例： ```html <!DOCTYPE html> <html> <body> <h2>冒泡排序演示</h2> <button onclick="bubbleSort()">点击排序</button> <p id="demo"></p> <script> function bubbleSort() { var arr = [3, 8, 2, 1, 5, 4, 6, 7]; var len = arr.length; var i, j, temp; for (i = 0; i < len; i++) { for (j = 0; j < len - i - 1; j++) { if (arr[j] > arr[j + 1]) { // 交换元素位置 temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } // 显示排序结果 document.getElementById("demo").innerHTML = "排序结果：" + arr; } </script> </body> </html> ``` 以上代码会在页面上显示一个按钮，当点击该按钮时，会触发 bubbleSort() 函数，该函数会对一个固定的数组进行冒泡排序，并将排序结果显示在页面上。在 bubbleSort() 函数中，我们使用了两个嵌套的 for 循环来实现冒泡排序。外层循环用于控制排序的轮数，内层循环用于遍历当前轮次中的所有元素，并将相邻的元素进行比较和交换。在每一轮循环结束后，数组中最大的元素会被移动到数组的末尾。

阅读全文