{"id":491,"date":"2017-02-21T14:23:19","date_gmt":"2017-02-21T06:23:19","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=491"},"modified":"2017-02-21T14:23:19","modified_gmt":"2017-02-21T06:23:19","slug":"%e5%88%a9%e7%94%a8js%e5%8e%bb%e5%81%9a%e5%93%8d%e5%ba%94%e5%bc%8f%e5%b8%83%e5%b1%80","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=491","title":{"rendered":"\u5229\u7528JS\u53bb\u505a\u54cd\u5e94\u5f0f\u5e03\u5c40"},"content":{"rendered":"

HTML\u90e8\u5206:<\/h3>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Document<\/title>\r\n    <link rel=\"stylesheet\" href=\".\/class\/class.css\">\r\n    <script src=\".\/scripts\/jquery.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n    <div id=\"MainParent\">\r\n        <div><\/\r\n        <div><\/div>\r\n        <div><\/div>\r\n        <div><\/div>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\r\n\r\n<script src=\".\/scripts\/resize.js\"><\/script><\/pre>\n
CSS\u90e8\u5206\uff1a<\/h3>\n
@media screen{\r\n    #MainParent{float:left;width:100%;height:100%}\r\n    .Navigation{float:left;width:100%;height:40px;}\r\n    .Banner{float:left;width:100%;height:300px;}\r\n    .Content{float:left;}\r\n    .Footer{float:left;width:100%;height:40px;}\r\n}<\/pre>\n
JavaScript\u90e8\u5206\uff1a<\/h3>\n
\/\/ \u53d6\u6d4f\u89c8\u5668\u53ef\u89c6\u533a\u9ad8\u5bbd\r\nvar lw = $(window).width();\r\nvar lh = $(window).height();\r\n\r\n\/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6bd5\u540e\u6267\u884c\r\n$(function () {\r\n    \/\/ \u52a0\u8f7d\u5b8c\u6bd5\u540e\u8bbe\u7f6ebody\u7684\u9ad8\u5ea6\u548c\u5bbd\u5ea6\r\n    $(document.body).css({ \"width\": lw, \"height\": lh });\r\n\r\n    \/\/ \u65b0\u7684\u9ad8\u5ea6 = lh - (Navigation + Footer + Banner)\r\n    \/\/ \u5982\u679c\u6ca1\u6709 Banner \u53ef\u4ee5\u4e0d\u52a0\r\n    $(\".Content\").css(\"height\", lh - 90);\r\n});\r\n\r\n\/\/ \u5f53\u7a97\u53e3\u9ad8\u5bbd\u6539\u53d8\u65f6\u89e6\u53d1\r\n$(window).resize(function () {\r\n    \/\/ \u53d6\u7a97\u53e3\u6539\u53d8\u540e\u7684\u9ad8\u5ea6\u548c\u5bbd\u5ea6\r\n    var rw = $(window).width();\r\n    var rh = $(window).height();\r\n\r\n    \/\/ \u91cd\u7f6ebody\u7684\u9ad8\u5ea6\u548c\u5bbd\u5ea6\r\n    $(document.body).css({ \"width\": rw, \"height\": rh });\r\n\r\n    \/\/ \u65b0\u7684\u9ad8\u5ea6 = rh - (Navigation + Footer + Banner)\r\n    \/\/ \u5982\u679c\u6ca1\u6709 Banner \u53ef\u4ee5\u4e0d\u52a0\r\n    $(\".Content\").css(\"height\", rh - 90);\r\n});<\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » \u5229\u7528JS\u53bb\u505a\u54cd\u5e94\u5f0f\u5e03\u5c40<\/a><\/p>","protected":false},"excerpt":{"rendered":"
HTML\u90e8\u5206: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Do […]<\/p>\n","protected":false},"author":1,"featured_media":319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,109],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/491"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=491"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/491\/revisions"}],"predecessor-version":[{"id":492,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/491\/revisions\/492"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/319"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=491"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}