{"id":8,"date":"2009-04-17T08:56:01","date_gmt":"2009-04-17T00:56:01","guid":{"rendered":"http:\/\/www.fujiangyun.com.cn\/?p=1"},"modified":"2009-04-17T08:56:01","modified_gmt":"2009-04-17T00:56:01","slug":"hello-world-2","status":"publish","type":"post","link":"https:\/\/www.fujiangyun.com\/blog\/?p=8","title":{"rendered":"\u5229\u7528js\u5728\u4e00\u4e2a\u65b9\u6846\u5185\u6253\u5370\u4e00\u4e2a\u5706"},"content":{"rendered":"

<!–<\/span>
\n<\/span>\u7a0b\u5e8f\u529f\u80fd\uff1a\u5229\u7528js\u5728\u4e00\u4e2a\u65b9\u6846\u5185\u6253\u5370\u4e00\u4e2a\u5706<\/span><\/span>
\n<\/span>\u7a0b\u5e8f\u5236\u4f5c\uff1a\u4ed8\u6c5f\u4e91<\/span><\/span>
\n<\/span>\u7b97\u6cd5\u6765\u6e90\uff1a\u6881\u680b<\/span><\/span>
\n<\/span>\u8bf4\u660e\uff1a\u672c\u7a0b\u5e8f\u4e2d\u76f8\u5173\u7684html\u548cjs\u7f16\u7a0b\u4e0d\u91cd\u8981\uff0c\u91cd\u8981\u7684\u662f\u5e0c\u671b\u5927\u5bb6\u80fd\u7406\u89e3\u5230\u8fd9\u4e2a\u7b97\u6cd5\uff0c\u5229\u7528\u8fd9\u79cd\u65b9\u5f0f\u6253\u5370\u4e00\u4e2a\u7eb5\u5411200\u4e2a\u70b9\u7684\u5b9e\u9a8c\u9700\u8981\u6267\u884c\u8fd115\u79d2\uff0c\u7f51\u9875\u6253\u5f00\u65f6\u6253\u5f00\u4f1a\u5361\u4f1a\u513f\u540e\u51fa\u73b0\u4e00\u4e2a\u5706\uff0c\u9664\u4e86\u4e0a\u4e0b\u4e24\u5934\u6bd4\u8f83\u7a00\u758f\uff0c\u5176\u4ed6\u5730\u65b9\u70b9\u770b\u8d77\u6765\u90fd\u8fd8\u5bc6\u96c6\u3002<\/span><\/span>
\n<\/span>\u6d4b\u8bd5\u73af\u5883\uff1aT5450 @1.66GHZ\uff0c1G\u5185\u5b58<\/span><\/span>
\n<\/span>–><\/span>
\n<\/span><html><\/span>
\n<\/span><head><\/span>
\n<\/span><title>\u7528JS\u5728\u6b63\u65b9\u5f62\u65b9\u6846\u5185\u6253\u5370\u4e00\u4e2a\u5706<\/title><\/span><\/span>
\n<\/span><!–\u4e0b\u9762\u5b9a\u4e49\u6253\u5370\u70b9\u7684\u989c\u8272–><\/span><\/span>
\n<\/span><style><\/span>
\n<\/span>.dian{background-color:red;}<\/span>
\n<\/span><\/style><\/span>
\n<\/span><\/head><\/span>
\n<\/span><body ><\/span>
\n<\/span><script><\/span>
\n<\/span><!–<\/span>
\n<\/span>\/\/\u5b9a\u4e49\u51e0\u4e2a\u9700\u8981\u7528\u7684\u53d8\u91cf\uff0cx1\u548cx2\u662f\u6a2a\u7ebf\u548c\u5706\u7684\u4e24\u4e2a\u4ea4\u70b9,y\u662f\u5b9a\u4e49\u7684\u7eb5\u5411\u5750\u6807\u6570\uff0cborderwidth\u662f\u6574\u4e2a\u6b63\u65b9\u5f62\u7684\u8fb9\u6846\u539a\u5ea6,danwei\u662f\u6bcf\u4e2a\u70b9\u7684\u8c61\u7d20\uff0cbanjing\u662f\u4ee5\u8c61\u7d20\u4e3a\u5355\u4f4d\u7684\u534a\u5f84\u503c\u3002<\/span><\/span>
\n<\/span>var x1,x2,y,borderwidth=1,danwei=1,banjing=100;<\/span>
\n<\/span>
\n<\/span>\/\/\u5b9a\u4e49\u753b\u56ed\u4e3b\u51fd\u6570\uff0c\u4e3b\u8981\u529f\u80fd\u6709\u753b\u4e00\u4e2a\u8fb9\u6846\uff0c\u4ee5\u53ca\u5728\u6bcf\u4e00\u884c\u6839\u636e\u5706\u7684\u65b9\u7a0b\u8ba1\u7b97\u51fa\u5706\u4e0a\u7684\u4e24\u70b9\u6a2a\u5750\u6807\uff0c\u5e76\u4e14\u8c03\u7528huadian()\u51fd\u6570\u5c06\u4e24\u70b9\u7528\u751f\u6210\u7ea2\u8272span\u5757\u7684\u65b9\u5f0f\u201c\u6253\u5370\u201d\u51fa\u6765\uff0c\u5982\u6b64\u5faa\u73af\u76f4\u5230\u6253\u5370\u5b8c\u6240\u6709\u884c\u7684\u70b9\uff0c\u7ed3\u675f\u3002<\/span><\/span>
\n<\/span>function huanyuan()<\/span>
\n<\/span>{<\/span>
\n<\/span>bw=2*(banjing*danwei+borderwidth);<\/span>
\n<\/span> bh=2*(banjing*danwei+borderwidth);<\/span>
\n<\/span>document.body.innerHTML+='<div id=MainMap style=position:absolute;left:’+(document.body.clientWidth-bw)\/2+’;top:’+(document.body.clientHeight-bh)\/2+’;width:’+bw+’;height:’+bh+’;border-width:’+borderwidth+’;border-style:outset;border-color:#00ff00><\/div>’;<\/span>
\n<\/span>for(y=0;y<2*banjing;y++)<\/span>
\n<\/span>{<\/span>
\n<\/span> x1=parseInt(banjing-Math.sqrt(banjing*banjing-(y-banjing)*(y-banjing)));<\/span>
\n<\/span> x2=parseInt(banjing+Math.sqrt(banjing*banjing-(y-banjing)*(y-banjing)));<\/span>
\n<\/span> huadian(x1*danwei,y*danwei);<\/span>
\n<\/span> huadian(x2*danwei,y*danwei);<\/span>
\n<\/span>}<\/span>
\n<\/span>}<\/span>
\n<\/span>
\n<\/span>\/\/\u5b9a\u4e49\u753b\u70b9\u51fd\u6570\uff0c\u6839\u636e\u4f20\u9012\u8fc7\u6765\u7684\u53c2\u6570\u786e\u5b9a\u751f\u6210\u7684span\u5757\uff08\u5373\u5706\u4e0a\u7684\u70b9\uff09\u7684\u4f4d\u7f6e\u3002<\/span><\/span>
\n<\/span>function huadian(zuo,gao)<\/span>
\n<\/span>{<\/span>
\n<\/span>MainMap.innerHTML += ‘<span style=position:absolute;left:’+zuo+’;top:’+gao+’;width:’+danwei+’;height:’+danwei+’;overflow:hidden class=dian><\/span>’;<\/span>
\n<\/span>}<\/span>
\n<\/span>onload=huanyuan;\/\/\u7a97\u53e3\u52a0\u8f7d\u65f6\u8fd0\u884c\u753b\u5706\u4e3b\u51fd\u6570\u3002<\/span><\/span>
\n<\/span>\/\/–><\/span>
\n<\/span><\/script><\/span>
\n<\/span><\/body><\/span>
\n<\/span><\/html><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

\u7a0b\u5e8f\u529f\u80fd\uff1a\u5229\u7528js\u5728\u4e00\u4e2a\u65b9\u6846\u5185\u6253\u5370\u4e00\u4e2a\u5706
\n\u7a0b\u5e8f\u5236\u4f5c\uff1a\u4ed8\u6c5f\u4e91
\n\u7b97\u6cd5\u6765\u6e90\uff1a\u6881\u680b
\n\u8bf4\u660e\uff1a\u672c\u7a0b\u5e8f\u4e2d\u76f8\u5173\u7684html\u548cjs\u7f16\u7a0b\u4e0d\u91cd\u8981\uff0c\u91cd\u8981\u7684\u662f\u5e0c\u671b\u5927\u5bb6\u80fd\u7406\u89e3\u5230\u8fd9\u4e2a\u7b97\u6cd5\uff0c\u5229\u7528\u8fd9\u79cd\u65b9\u5f0f\u6253\u5370\u4e00\u4e2a\u7eb5\u5411200\u4e2a\u70b9\u7684\u5b9e\u9a8c\u9700\u8981\u6267\u884c\u8fd115\u79d2\uff0c\u7f51\u9875\u6253\u5f00\u65f6\u6253\u5f00\u4f1a\u5361\u4f1a\u513f\u540e\u51fa\u73b0\u4e00\u4e2a\u5706\uff0c\u9664\u4e86\u4e0a\u4e0b\u4e24\u5934\u6bd4\u8f83\u7a00\u758f\uff0c\u5176\u4ed6\u5730\u65b9\u70b9\u770b\u8d77\u6765\u90fd\u8fd8\u5bc6\u96c6\u3002
\n\u6d4b\u8bd5\u73af\u5883\uff1aT5450 @1.66GHZ\uff0c1G\u5185\u5b58<\/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":[17,46],"class_list":["post-8","post","type-post","status-publish","format-standard","hentry","category-4","tag-javascript","tag-46"],"_links":{"self":[{"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fujiangyun.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}