{"id":410,"date":"2018-03-21T02:12:54","date_gmt":"2018-03-20T17:12:54","guid":{"rendered":"https:\/\/www.dogrow.net\/hp\/?p=410"},"modified":"2018-03-21T02:17:51","modified_gmt":"2018-03-20T17:17:51","slug":"blog41","status":"publish","type":"post","link":"https:\/\/www.dogrow.net\/hp\/blog41\/","title":{"rendered":"(41) JavaScript\u3067\u8981\u7d20\u306e\u5e45\u3068\u9ad8\u3055\u3092\u53d6\u5f97"},"content":{"rendered":"

(1) \u3084\u308a\u305f\u3044\u3053\u3068<\/h1>\n

\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u306a\u3069\u306e\u5e45\u3068\u9ad8\u3055\u3092 JavaScript\u3067\u53d6\u5f97\u3057\u305f\u3044\u3002<\/p>\n

(2) \u5b9f\u9a13<\/h1>\n

\u5e45\u306e\u53d6\u5f97\u3092\u4ee5\u4e0b\u306e\u4e09\u901a\u308a\u3067\u8a66\u3057\u3066\u307f\u308b\u3002
\n{\u8981\u7d20}.innerWidth()
\n{\u8981\u7d20}.outerWidth()
\n{\u8981\u7d20}.width()<\/p>\n

\u9ad8\u3055\u306e\u53d6\u5f97\u3092\u4ee5\u4e0b\u306e\u4e09\u901a\u308a\u3067\u8a66\u3057\u3066\u307f\u308b\u3002
\n{\u8981\u7d20}.innerHeight()
\n{\u8981\u7d20}.outerHeight()
\n{\u8981\u7d20}.height()<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset='utf-8'>\r\n<script src='\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js'><\/script>\r\n\r\n<style>\r\n*{\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.box1{\r\n  border: 20px #000 solid;\r\n  padding: 10px;\r\n  width:  300px;\r\n  height: 400px;\r\n}\r\n.box1-1{\r\n  background-color: #888;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div class="box1">\r\n  <div class="box1-1">\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id="output"><\/div>\r\n\r\n<script>\r\n$(document).ready(function(){\r\n  var cont = '';\r\n  cont += 'w_in : '  + $('.box1').innerWidth() + '<br \/>';\r\n  cont += 'w_out : ' + $('.box1').outerWidth() + '<br \/>';\r\n  cont += 'w_css : ' + $('.box1').width() + '<br \/>';\r\n  cont += 'h_in : '  + $('.box1').innerHeight() + '<br \/>';\r\n  cont += 'h_out : ' + $('.box1').outerHeight() + '<br \/>';\r\n  cont += 'h_css : ' + $('.box1').height() + '<br \/>';\r\n\r\n  $('#output').html(cont);\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\u5b9f\u884c\u30b5\u30f3\u30d7\u30eb\u306f\u3053\u3061\u3089\u3002
\nhttps:\/\/www.dogrow.net\/hp\/sample\/00041\/<\/a><\/p>\n
(3) \u7d50\u679c<\/h1>\n
outerWidth, outerHeight : \u8981\u7d20\u306e\u5916\u90ed\u306e\u30b5\u30a4\u30ba\uff08border\u306e\u5916\u5074\uff09
\ninnerWidth, innerHeight : \u8981\u7d20\u306e\u5185\u90ed\u306e\u30b5\u30a4\u30ba\uff08border\u306e\u5185\u5074\uff09
\nwidth, height : \u8981\u7d20\u306e\u66f4\u306b\u5185\u90ed\u306e\u30b5\u30a4\u30ba\uff08padding\u306e\u5185\u5074\uff09
\n\u203b\u5916\u90ed\u30fb\u5185\u90ed\u3068\u304b\u7528\u8a9e\u304c\u6b63\u3057\u304f\u306a\u3044\u304c\u81ea\u5df1\u7d0d\u5f97\u3067\u304d\u3066\u3044\u308b\u306e\u3067\u3088\u3044\u304b…<\/span><\/p>\n
\"\"<\/p>\n
\n","protected":false},"excerpt":{"rendered":"
(1) \u3084\u308a\u305f\u3044\u3053\u3068 \u30d6\u30ed\u30c3\u30af\u8981\u7d20\u306a\u3069\u306e\u5e45\u3068\u9ad8\u3055\u3092 JavaScript\u3067\u53d6\u5f97\u3057\u305f\u3044\u3002 (2) \u5b9f\u9a13 \u5e45\u306e\u53d6\u5f97\u3092\u4ee5\u4e0b\u306e\u4e09\u901a\u308a\u3067\u8a66\u3057\u3066\u307f\u308b\u3002 {\u8981\u7d20}.innerWidth() {\u8981\u7d20}.outerWidth() {\u8981\u7d20}\u2026 \u7d9a\u304d\u3092\u8aad\u3080 »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-410","post","type-post","status-publish","format-standard","hentry","category-htmlcss","category-javascriptjquery"],"views":4113,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":4,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/posts\/410\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dogrow.net\/hp\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}