<div id=\"head\"><\/div>\n<div id=\"side\"><\/div>\n\n <script>\n $(\"#head\").load(\"com\/head.html\");\n $(\"#side\").load(\"com\/side.html\");\n <\/script>\n<\/code><\/pre>\n\n\n\n![\"\"](\"https:\/\/sanlangcode.com\/wp-content\/uploads\/2023\/10\/image.png\")
<\/figure>\n\n\n\n1\uff1a\u5728\u6587\u4ef6\u91cc\u9762\u65b0\u5efahead.html\u548cside.html<\/p>\n\n\n\n
2\uff1a\u6253\u5f00head.html\uff0cside.html\u7c7b\u4f3c
\u5c06\u5934\u90e8\u91cd\u590d\u7684\u4ee3\u7801\u590d\u5236\u5728head.html\u754c\u9762\u91cc\u9762<\/p>\n\n\n\n
head.html<\/em><\/p>\n\n\n\n <div class=\"header-right\">\n <div class=\"profile_details_left\"><!--notifications of menu start -->\n <ul class=\"nofitications-dropdown\"> \n <li class=\"dropdown head-dpdn\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa fa-bell\"><\/i><span class=\"badge blue\">3<\/span><\/a>\n <ul class=\"dropdown-menu\"> \n <li><a href=\"#\">\n <div class=\"user_img\"><img src=\"images\/p5.png\" alt=\"\"><\/div>\n <div class=\"notification_desc\">\n <p>\u5371\u9669\u533a\u57df\u62a5\u8b66<\/p> \n <\/div>\n <div class=\"clearfix\"><\/div> \n <\/a><\/li>\n <li class=\"odd\"><a href=\"#\">\n <div class=\"user_img\"><img src=\"images\/p6.png\" alt=\"\"><\/div>\n <div class=\"notification_desc\">\n <p>\u6ede\u7559\u62a5\u8b66<\/p> \n <\/div>\n <div class=\"clearfix\"><\/div> \n <\/a><\/li>\n <li><a href=\"#\">\n <div class=\"user_img\"><img src=\"images\/p7.png\" alt=\"\"><\/div>\n <div class=\"notification_desc\">\n <p>sos\u62a5\u8b66<\/p> \n <\/div>\n <div class=\"clearfix\"><\/div> \n <\/a><\/li> \n <li><a href=\"#\">\n <div class=\"user_img\"><img src=\"images\/p8.png\" alt=\"\"><\/div>\n <div class=\"notification_desc\">\n <p>\u8131\u5c97\u4e32\u5c97\u62a5\u8b66<\/p> \n <\/div>\n <div class=\"clearfix\"><\/div> \n <\/a><\/li> \n <li> \n <\/li>\n <\/ul>\n <\/li> \n <li class=\"dropdown head-dpdn\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa fa-tasks\"><\/i><span class=\"badge blue1\">9<\/span><\/a>\n <ul class=\"dropdown-menu\">\n \n <li><a href=\"#\">\n <div class=\"task-info\">\n <span class=\"task-desc\">\u5357\u901a\u90e8\u5206<\/span>\n <div class=\"clearfix\"><\/div> \n <\/div> \n <\/a><\/li>\n <li><a href=\"#\">\n <div class=\"task-info\">\n <span class=\"task-desc\">\u65e0\u9521\u90e8\u5206<\/span>\n <div class=\"clearfix\"><\/div> \n <\/div>\n \n <\/a><\/li>\n <li><a href=\"#\">\n <div class=\"task-info\">\n <span class=\"task-desc\">\u82cf\u5dde\u90e8\u5206<\/span>\n <div class=\"clearfix\"><\/div> \n <\/div>\n \n <\/a><\/li>\n <li><a href=\"#\">\n <div class=\"task-info\">\n <span class=\"task-desc\">\u6210\u90fd\u90e8\u5206<\/span>\n <div class=\"clearfix\"><\/div> \n <\/div>\n \n <\/a><\/li>\n \n <\/ul>\n <\/li> \n <\/ul>\n <div class=\"clearfix\"> <\/div>\n <\/div>\n <!--notification menu end -->\n <div class=\"profile_details\"> \n <ul>\n <li class=\"dropdown profile_details_drop\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"false\">\n <div class=\"profile_img\"> \n <span class=\"prfil-img\"><img src=\"images\/p1.png\" alt=\"\"> <\/span> \n <div class=\"user-name\">\n <p>\u738b\u5a77<\/p>\n <span>Admin<\/span>\n <\/div>\n <i class=\"fa fa-angle-down lnr\"><\/i>\n <i class=\"fa fa-angle-up lnr\"><\/i>\n <div class=\"clearfix\"><\/div> \n <\/div> \n <\/a>\n <ul class=\"dropdown-menu drp-mnu\">\n \n <li> <a href=\"#\"><i class=\"fa fa-user\"><\/i> \u4fee\u6539\u5bc6\u7801<\/a> <\/li> \n <li> <a href=\"#\"><i class=\"fa fa-sign-out\"><\/i>\u9000\u51fa\u767b\u5f55<\/a> <\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"clearfix\"> <\/div> \n <\/div>\n <div class=\"clearfix\"> <\/div> \n<\/code><\/pre>\n\n\n\nside.html<\/em><\/p>\n\n\n\n <div class=\"menu\">\n <ul id=\"menu\" >\n <li id=\"menu-home\" ><a href=\"index.html\"><i class=\"fa fa-tachometer\"><\/i><span>\u5b9e\u65f6\u76d1\u63a7<\/span><\/a><\/li>\n <li><a href=\"#\"><i class=\"fa fa-cogs\"><\/i><span>\u6570\u636e\u7ba1\u7406<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul>\n <li><a href=\"grids.html\">\u4eba\u5458\u7ba1\u7406<\/a><\/li>\n <li><a href=\"product.html\">\u8bbf\u5ba2\u7ba1\u7406<\/a><\/li> \n <\/ul>\n <\/li>\n <li id=\"menu-comunicacao\" ><a href=\"#\"><i class=\"fa fa-book nav_icon\"><\/i><span>\u76ee\u6807\u4f4d\u7f6e<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul id=\"menu-comunicacao-sub\" >\n <li id=\"menu-mensagens\" style=\"width: 120px\" ><a href=\"product.html\">\u5458\u5de5\u4f4d\u7f6e<\/a> \n <\/li>\n <li id=\"menu-arquivos\" ><a href=\"product.html\">\u8bbf\u5ba2\u4f4d\u7f6e<\/a><\/li>\n <!-- <li id=\"menu-arquivos\" ><a href=\"icons.html\">Icons<\/a><\/li>-->\n <\/ul>\n <\/li>\n <li><a href=\"product.html\"><i class=\"fa fa-map-marker\"><\/i><span>\u8f68\u8ff9\u56de\u653e<\/span><\/a><\/li>\n <li id=\"menu-academico\" ><a href=\"#\"><i class=\"fa fa-file-text\"><\/i><span>\u7535\u5b50\u8003\u52e4<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul id=\"menu-academico-sub\" >\n <li id=\"menu-academico-boletim\" ><a href=\"login.html\">\u7b7e\u5230\u8bbe\u7f6e<\/a><\/li>\n <li id=\"menu-academico-avaliacoes\" ><a href=\"product.html\">\u7b7e\u5230\u67e5\u8be2<\/a><\/li> \n <\/ul>\n <\/li>\n \n <!-- <li><a href=\"charts.html\"><i class=\"fa fa-bar-chart\"><\/i><span>11<\/span><\/a><\/li>-->\n <li><a href=\"#\"><i class=\"fa fa-envelope\"><\/i><span>\u544a\u8b66\u4fe1\u606f<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul id=\"menu-academico-sub\" >\n <li id=\"menu-academico-avaliacoes\" ><a href=\"product.html\">\u5458\u5de5\u544a\u8b66<\/a><\/li>\n <li id=\"menu-academico-boletim\" ><a href=\"product.html\">\u8bbf\u5ba2\u544a\u8b66<\/a><\/li>\n <\/ul>\n <\/li>\n <li><a href=\"#\"><i class=\"fa fa-cog\"><\/i><span>\u8d26\u6237\u7ba1\u7406<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul id=\"menu-academico-sub\" >\n <li id=\"menu-academico-avaliacoes\" ><a href=\"product.html\">\u90e8\u95e8\u7ba1\u7406<\/a><\/li>\n <li id=\"menu-academico-boletim\" ><a href=\"product.html\">\u7528\u6237\u7ba1\u7406<\/a><\/li>\n <li ><a href=\"product.html\">\u6743\u9650\u7ba1\u7406<\/a><\/li>\n <\/ul>\n <\/li>\n <li><a href=\"#\"><i class=\"fa fa-shopping-cart\"><\/i><span>\u7cfb\u7edf\u914d\u7f6e<\/span><span class=\"fa fa-angle-right\" style=\"float: right\"><\/span><\/a>\n <ul id=\"menu-academico-sub\" >\n <li id=\"menu-academico-avaliacoes\" ><a href=\"product.html\">\u56f4\u680f\u914d\u7f6e<\/a><\/li>\n <li id=\"menu-academico-boletim\" ><a href=\"product.html\">\u53c2\u6570\u914d\u7f6e<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/div>\n\n<\/code><\/pre>\n\n\n\n3\uff1a\u5728\u5f53\u524d\u754c\u9762\uff08test.html\uff09\u5f15\u5165\u516c\u5171\u4ee3\u7801<\/p>\n\n\n\n![\"\"\/](\"\/\/upload-images.jianshu.io\/upload_images\/5640239-bf8c5c1473266561.png?imageMogr2\/auto-orient\/strip|imageView2\/2\/w\/465\/format\/webp\")
<\/figure>\n\n\n\n![\"\"\/](\"\/\/upload-images.jianshu.io\/upload_images\/5640239-e46877dd8b06e4a3.png?imageMogr2\/auto-orient\/strip|imageView2\/2\/w\/342\/format\/webp\")
<\/figure>\n\n\n\n![\"\"\/](\"\/\/upload-images.jianshu.io\/upload_images\/5640239-e587887dbb7a13ec.png?imageMogr2\/auto-orient\/strip|imageView2\/2\/w\/374\/format\/webp\")
<\/figure>\n\n\n\ntest.html<\/em><\/p>\n\n\n\n<!DOCTYPE HTML>\n<html>\n <head>\n <title>Home<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\n <link href=\"css\/bootstrap.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\">\n <link href=\"css\/style.css\" rel=\"stylesheet\" type=\"text\/css\" media=\"all\" \/>\n <link href=\"css\/font-awesome.css\" rel=\"stylesheet\">\n <script src=\"js\/jquery-2.1.1.min.js\"><\/script>\n <script src=\"js\/bootstrap.js\">\n <\/script>\n <\/head>\n <body>\n <div class=\"page-container\">\n <div class=\"left-content\">\n <div class=\"mother-grid-inner\">\n <!--\u5934\u90e8\u5bfc\u822a\u5bfc\u5165-->\n <div class=\"header-main\">\n <div id=\"head\"><\/div>\n <\/div>\n <div class=\"inner-block\">\n <div class=\"climate\" style=\"height: 2123px;\">\n \u5185\u5bb9\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <!--\u4fa7\u8fb9\u680f\u5bfc\u5165-->\n <div class=\"sidebar-menu\">\n <div id=\"side\"><\/div>\n <\/div>\n <div class=\"clearfix\"> <\/div>\n <\/div>\n <script>\n $(\"#head\").load(\"com\/head.html\");\n $(\"#side\").load(\"com\/side.html\");\n <\/script>\n <\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n4\uff1a\u8fd9\u4e2a\u65f6\u5019\uff0c\u5c31\u5316\u7e41\u4e3a\u7b80\u4e86\uff0c\u9875\u9762\u4ee3\u7801\u770b\u4e0a\u53bb\u4e5f\u5c31\u6e05\u723d\u591a\u4e86\u3002<\/p>\n\n\n\n
<\/p>\n\n\n\n
- \u4f7f\u7528HTML\u7684link\u6807\u7b7eimport\u53e6\u4e00\u4e2aHTML\u9875\u9762<\/strong>
1.1 \u5728HTML\u9875\u9762\u7684\u6807\u7b7e\u5185\u4f7f\u7528\u6807\u7b7e\u5f15\u5165\u53e6\u4e00\u4e2aHTML\u9875\u9762(“centerHeader.html”)\uff0c\u4ee3\u7801\u5982\u4e0b\u3002<\/li><\/ol>\n\n\n\n
\u4f46\u662f\uff1a\u535a\u4e3b\u4e00\u5f00\u59cb\u7528\u7684\u5c31\u662f\u8fd9\u79cd\u65b9\u5f0f\uff0c\u540e\u6765\u624d\u53d1\u73b0\u53ea\u6709\u8001\u7248\u7684\u6d4f\u89c8\u5668\u624d\u652f\u6301\uff0c\u65b0\u7248\u6d4f\u89c8\u5668\u5df2\u7ecf\u5f03\u7528\u4e86\u3002<\/p>\n\n\n\n
- \u901a\u8fc7jQuery\u7684get\u65b9\u6cd5\u5728\u5f53\u524dHTML\u9875\u9762\u5bfc\u5165\u53e6\u4e00\u4e2aHTML\u9875\u9762
2.1 \u5728HTML\u9875\u9762\u7684\u4e2d\u7684 <div id=\"header\"><\/div><\/code>
\u4f46\u662f\uff1a\u8fd9\u79cd\u5f15\u5165\u65b9\u5f0f\u662f\u9759\u6001\u7684\uff0c\u65e0\u6cd5\u52a8\u6001\u66f4\u6539(\u5c31\u662f\u65e0\u6cd5\u901a\u8fc7js\u5bf9\u6807\u7b7e\u8fdb\u884c\u76f8\u5e94\u64cd\u4f5c)\uff0c\u5bf9\u4e8e\u9875\u9762\u5934\u90e8\u201c\u767b\u5f55\u6ce8\u518c\u201d\u533a\u57df\u9700\u8981\u52a8\u6001\u5c55\u793a\u65e0\u6cd5\u6ee1\u8db3\u3002<\/li><\/ol>\n\n\n\n\u4f7f\u7528 \u4f46\u662f\uff1a\u8fd9\u79cd\u65b9\u5f0f\u4e5f\u53ea\u9002\u7528\u9759\u6001\u9875\u9762\uff0c\u52a8\u6001\u7684\u8bdd\u4f1a\u53d8\u5f62\uff0c\u800c\u4e14scrolling\u548cframeborder\u8fd9\u79cd\u5c5e\u6027\u90fd\u5df2\u7ecf\u88ab\u5f03\u7528\u4e86\u3002<\/p>\n\n\n\n
3.\u5c06\u53e6\u4e00\u4e2aHTML\u9875\u9762\u4f5c\u4e3ajs\u6587\u4ef6\u5f15\u5165
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5728\u505a\u524d\u7aef\u7f51\u9875\u7684\u65f6\u5019\uff0c\u4f1a\u6d89\u53ca\u5230\u5f88\u591a...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1635","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/comments?post=1635"}],"version-history":[{"count":0,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1635\/revisions"}],"wp:attachment":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/media?parent=1635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/categories?post=1635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/tags?post=1635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}