{"id":214,"date":"2024-09-22T09:41:57","date_gmt":"2024-09-22T01:41:57","guid":{"rendered":"\/?p=214"},"modified":"2025-09-27T21:28:29","modified_gmt":"2025-09-27T13:28:29","slug":"html","status":"publish","type":"post","link":"\/?p=214","title":{"rendered":"HTML"},"content":{"rendered":"\n

\u5f15\u7528css\u548cjs<\/h2>\n\n\n\n
<link rel=\"stylesheet\" href=\"youcss.css\" \/>\n<script type=\"text\/javascript\" src=\"example.js\"><\/script><\/code><\/pre>\n\n\n\n
button\u8df3\u8f6c<\/h2>\n\n\n\n
<input type=\"button\" onclick='location.href=(\"index.aspx\")' \/>\/\/\u5728\u672c\u9875\u9762\u6253\u5f00\n<input type=\"button\" onclick='window.open(\"bedzhao.aspx\")' \/>\/\/\u6253\u5f00\u65b0\u9875\u9762\n\n<button onclick=\"window.location.href='..\/routeEdit\/index.html'\" type=\"button\" id=\"add\">\u65b0\u589e<\/button>\n<\/code><\/pre>\n\n\n\n
\u8f7d\u5165\u56fe\u6807\u5e93<\/h2>\n\n\n\n
 <link rel=\"stylesheet\" href=\"https:\/\/lf3-cdn-tos.bytecdntp.com\/cdn\/expire-1-M\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n\n\u7528\u6cd5\uff1a\n<button><i class=\"fa fa-search\" aria-hidden=\"true\"><\/i><\/button><\/code><\/pre>\n\n\n\n
  \u53c2\u8003\uff1ahttps:\/\/fa.fangguokeji.cn\/<\/a><\/p>\n\n\n\n
\u6309\u94ae\u89e6\u53d1\u51fd\u6570<\/h2>\n\n\n\n
<button type=\"button\" onclick=\"closebox()\"><\/code><\/pre>\n\n\n\n
\u8868\u683c+\u70b9\u51fb\u89e6\u53d1+\u79fb\u51fa<\/h2>\n\n\n\n
        <table class=\"table1\">\n\t\t<tr>\n\t\t\t<td class=\"td\" style=\"background:#330000\" onClick=\"this.className='hov2'; SetColor('#330000')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#331900\" onClick=\"this.className='hov2'; SetColor('#331900')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#333300\" onClick=\"this.className='hov2'; SetColor('#333300')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#193300\" onClick=\"this.className='hov2'; SetColor('#193300')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#003300\" onClick=\"this.className='hov2'; SetColor('#003300')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#003319\" onClick=\"this.className='hov2'; SetColor('#003319')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#003333\" onClick=\"this.className='hov2'; SetColor('#003333')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#001933\" onClick=\"this.className='hov2'; SetColor('#001933')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#000033\" onClick=\"this.className='hov2'; SetColor('#000033')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#190033\" onClick=\"this.className='hov2'; SetColor('#190033')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#330033\" onClick=\"this.className='hov2'; SetColor('#330033')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#330019\" onClick=\"this.className='hov2'; SetColor('#330019')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t\t<td class=\"td\" style=\"background:#000000\" onClick=\"this.className='hov2'; SetColor('#000000')\" onMouseOut=\"this.className='td'\">&nbsp;<\/td>\n\t\t<\/tr><\/code><\/pre>\n\n\n\n
\u8868\u683c\u521b\u5efa<\/h3>\n\n\n\n
<table class=\"min-w-full divide-y divide-gray-200\">\n                    <!-- \u8868\u5934 -->\n                    <thead class=\"bg-gray-50\">\n                        <tr>\n                            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider\">\n                                Customer ID\n                            <\/th>\n                            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider\">\n                                Email\n                            <\/th>\n                            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider\">\n                                Product\n                            <\/th>\n                            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider\">\n                                Status\n                            <\/th>\n                            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider\">\n                                Tracking\n                            <\/th>\n                        <\/tr>\n                    <\/thead>\n                    \n                    <!-- \u8868\u683c\u5185\u5bb9 -->\n                    <tbody class=\"bg-white divide-y divide-gray-200\">\n                        <!-- \u6570\u636e\u884c1 -->\n                        <tr class=\"table-hover-effect\">\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                                CUST-78945\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                sarah.johnson@example.com\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                Wireless Headphones Pro\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap\">\n                                <span class=\"status-badge bg-success\/10 text-success\">\n                                    Delivered\n                                <\/span>\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-primary hover:text-primary\/80 cursor-pointer transition-colors\">\n                                <i class=\"fa fa-truck mr-1\"><\/i> TRK-987654\n                            <\/td>\n                        <\/tr>\n                        \n                        <!-- \u6570\u636e\u884c2 -->\n                        <tr class=\"table-hover-effect\">\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                                CUST-78946\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                michael.brown@example.com\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                Smart Watch Series 5\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap\">\n                                <span class=\"status-badge bg-primary\/10 text-primary\">\n                                    Shipped\n                                <\/span>\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-primary hover:text-primary\/80 cursor-pointer transition-colors\">\n                                <i class=\"fa fa-truck mr-1\"><\/i> TRK-987655\n                            <\/td>\n                        <\/tr>\n                        \n                        <!-- \u6570\u636e\u884c3 -->\n                        <tr class=\"table-hover-effect\">\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                                CUST-78947\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                emily.davis@example.com\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                Portable Bluetooth Speaker\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap\">\n                                <span class=\"status-badge bg-warning\/10 text-warning\">\n                                    Processing\n                                <\/span>\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                                <i class=\"fa fa-clock-o mr-1\"><\/i> Pending\n                            <\/td>\n                        <\/tr>\n                        \n                        <!-- \u6570\u636e\u884c4 -->\n                        <tr class=\"table-hover-effect\">\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                                CUST-78948\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                david.wilson@example.com\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                Laptop Sleeve - Black\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap\">\n                                <span class=\"status-badge bg-danger\/10 text-danger\">\n                                    Cancelled\n                                <\/span>\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                                <i class=\"fa fa-times-circle mr-1\"><\/i> N\/A\n                            <\/td>\n                        <\/tr>\n                        \n                        <!-- \u6570\u636e\u884c5 -->\n                        <tr class=\"table-hover-effect\">\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                                CUST-78949\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                lisa.taylor@example.com\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-600\">\n                                USB-C Charging Cable Pack\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap\">\n                                <span class=\"status-badge bg-pending\/10 text-pending\">\n                                    On Hold\n                                <\/span>\n                            <\/td>\n                            <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                                <i class=\"fa fa-pause-circle mr-1\"><\/i> Awaiting Stock\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u5f15\u7528css\u548cjs button\u8df3\u8f6c \u8f7d\u5165\u56fe\u6807\u5e93   \u53c2\u8003\uff1ahttps:\/\/fa.fangguokej […]<\/p>\n","protected":false},"author":1,"featured_media":239,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[22],"class_list":["post-214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html"],"_links":{"self":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts\/214"}],"collection":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=214"}],"version-history":[{"count":6,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/214\/revisions"}],"predecessor-version":[{"id":904,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/214\/revisions\/904"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/index.php?rest_route=\/wp\/v2\/media\/239"}],"wp:attachment":[{"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}