亂碼問(wèn)題求解決
同學(xué)代碼第一個(gè)里頭的代碼存到本地再打開有亂碼，有人知道怎么改嗎？改了半天沒效果。
源碼?
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ? ? ??
? ? ? ? <title>挑戰(zhàn)題</title>
? ? ? ? <style>
? ? .ui-table {margin: 20px auto; border-collapse: collapse; font-size: 12px; text-align: center; color: #666;}
.ui-table th, .ui-table td {padding: 4px 8px; border: 1px solid #ccc;}
.ui-table th {background-color: #f0f0f0;}
? ? ? ? </style>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
? ? </head>
? ? <body>
? ? ? ? <table class="ui-table" width="800" id="studentInfo">
? ? ? ? ? ? <caption><h2>XX中學(xué)學(xué)生資料</h2></caption>
? ? ? ? ? ? <thead>
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <th style="width:45px">序號(hào)</th>
? ? ? ? ? ? ? ? <th>姓名</th>
? ? ? ? ? ? ? ? <th>學(xué)號(hào)</th>
? ? ? ? ? ? ? ? <th>性別</th>
? ? ? ? ? ? ? ? <th>年齡</th>
? ? ? ? ? ? ? ? <th>所在班級(jí)</th>
? ? ? ? ? ? ? ? <th>富二代</th>
? ? ? ? ? ? </tr>
? ? ? ? ? ? </thead>
? ? ? ? ? ? <tbody>
? ? ? ? ? ? <tr>
? ? ? ? ? ? <td colspan="7">
? ? ? ? ? ? <input type="button" value="加載資料" onclick="DisplayInfo()">
? ? ? ? ? ? </td>
? ? ? ? ? ? </tr>
? ? ? ? ? ? </tbody>
? ? ? ? </table>
? ? ? ? <script>
? ? ? ? var students = [
? ? ? ? {"name": "張三", "id": "00145", "sex": "男", "age": "15", "class": "初一(3)班", "vip": "否"},
? ? ? ? {"name": "李四", "id": "00110", "sex": "女", "age": "15", "class": "初二(2)班", "vip": "否"},
? ? ? ? {"name": "王五", "id": "00251", "sex": "男", "age": "17", "class": "初一(4)班", "vip": "是"},
? ? ? ? {"name": "趙六", "id": "00031", "sex": "女", "age": "16", "class": "初二(3)班", "vip": "否"},
? ? ? ? {"name": "吳七", "id": "00009", "sex": "女", "age": "19", "class": "初三(6)班", "vip": "否"},
? ? ? ? {"name": "候八", "id": "00352", "sex": "男", "age": "14", "class": "初一(2)班", "vip": "是"},
? ? ? ? ]; ? ??
? ? ? ? function DisplayInfo() {
? ? ? ? var tbody = $("#studentInfo").find("tbody");
? ? ? ? tbody.empty();
? ? ? ? $.each(students,function(index, el) {
? ? ? ? tbody.append(
? ? ? ? "<tr><td>" + parseInt(index+1) + "</td><td>" +
?el.name + "</td><td>" +
? ? ? ? ?el.id + ? "</td><td>" +
? ? ?el.sex + ? "</td><td>" +
? ? ?el.age + ? "</td><td>" +
? ? ?el.class + ? "</td><td>" +
? ? ?el.vip + ? "</td></tr>");
? ? ? ? });
? ? ? ? }
? ? ? ? </script>
? ? </body>
</html>
像這樣
2016-05-04
瀏覽器右鍵選擇編碼模式為GBK，國(guó)內(nèi)現(xiàn)在都是GBK的編碼，國(guó)際上為了統(tǒng)一不亂碼采用的是uTF8，但是國(guó)內(nèi)的瀏覽器如果你不設(shè)置瀏覽器編碼格式通常是GBK的模式或者是自動(dòng)檢測(cè)也是GBK的，建議在meta中可以增加gbk的編碼定義