首页html百度歌曲排行榜

html百度歌曲排行榜

时间: 2023-07-21 22:54:09 浏览: 116

可以使用百度音乐开放平台提供的接口来获取百度音乐的歌曲排行榜。以下是一个简单的 HTML 页面，可以显示百度音乐的排行榜： ```html <!DOCTYPE html> <html> <head> <title>百度音乐排行榜</title> <meta charset="utf-8"> </head> <body> <h1>百度音乐排行榜</h1> <table> <thead> <tr> <th>排名</th> <th>歌曲名称</th> <th>歌手</th> </tr> </thead> <tbody id="music-list"> </tbody> </table> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { var url = "http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.billboard.billList&type=1&size=10&offset=0"; $.get(url, function(data) { var songList = data.song_list; var html = ""; for (var i = 0; i < songList.length; i++) { html += "<tr>"; html += "<td>" + (i+1) + "</td>"; html += "<td>" + songList[i].title + "</td>"; html += "<td>" + songList[i].artist_name + "</td>"; html += "</tr>"; } $("#music-list").html(html); }); }); </script> </body> </html> ``` 该页面使用 jQuery 库来发送 AJAX 请求，从百度音乐开放平台获取歌曲排行榜数据，并动态生成 HTML 表格来显示排行榜信息。