{"id":14,"date":"2007-05-20T23:59:09","date_gmt":"2007-05-21T03:59:09","guid":{"rendered":"http:\/\/prglab.com\/blog\/?page_id=14"},"modified":"2009-02-25T10:11:38","modified_gmt":"2009-02-25T14:11:38","slug":"js-popupwindow","status":"publish","type":"page","link":"https:\/\/www.prglab.com\/blog\/js-tutorial\/js-popupwindow","title":{"rendered":"JavaScript\u5f39\u51fa\u7a97\u53e3"},"content":{"rendered":"

\u4f7f\u7528JavaScript\uff0c\u6211\u4eec\u53ef\u4ee5\u751f\u6210\u4e09\u79cd\u5f39\u51fa\u7a97\u53e3\uff1a\u63d0\u793a\u7a97\u53e3\uff0c\u786e\u8ba4\u7a97\u53e3\u548c\u63d0\u95ee\u7a97\u53e3\u3002<\/p>\n

———————————————————————————-
\n\u8b66\u793a\u7a97\u53e3 \uff08Alert Box\uff09<\/strong>
\n\u8b66\u793a\u7a97\u53e3\u901a\u5e38\u7528\u6765\u786e\u4fdd\u7528\u6237\u6536\u5230\u67d0\u9879\u4fe1\u606f\uff0c\u56e0\u4e3a\u5f53\u4e00\u4e2a\u63d0\u793a\u7a97\u53e3\u5f39\u51fa\u540e\uff0c\u7528\u6237\u5fc5\u987b\u70b9\u51fb\u201c\u786e\u8ba4\u201d\uff08\u201cOK\u201d\uff09\u6309\u94ae\u624d\u80fd\u7ee7\u7eed\u3002<\/p>\n

\u8bed\u6cd5\uff1a<\/p>\n\n\n
alert(“\u6587\u672c\u5185\u5bb9”);<\/td>\n<\/tr>\n<\/table>\n

\u4f8b\u5b50\uff08\u5c06\u4f8b\u4e2d\u5185\u5bb9\u5b58\u4e3a\u4e00\u4e2ahtml\u6587\u4ef6\u4ee5\u6d4b\u8bd5\u6548\u679c\uff09\uff1a<\/p>\n\n\n
<html>
\n<head>
\n<script type=”text\/javascript”>
\nfunction disp_alert()
\n{
\nalert(“\u4f60\u597d! ” + ‘\\n’ + “\u7b2c\u4e8c\u884c\u5185\u5bb9.”)<\/span>
\n}
\n<\/script>
\n<\/head>
\n<body><input type=”button” onclick=”disp_alert()<\/span>” value=”\u663e\u793a\u63d0\u793a\u7a97\u53e3” \/><\/body>
\n<\/html><\/td>\n<\/tr>\n<\/table>\n

———————————————————————————–
\n\u786e\u8ba4\u7a97\u53e3\uff08Confirm Box\uff09<\/strong>
\n\u786e\u8ba4\u7a97\u53e3\u901a\u5e38\u5728\u4f60\u9700\u8981\u7528\u6237\u9a8c\u8bc1\u6216\u63a5\u53d7\u67d0\u4e9b\u4fe1\u606f\u65f6\u4f7f\u7528\u3002
\n\u5f53\u4e00\u4e2a\u786e\u8ba4\u7a97\u53e3\u5f39\u51fa\u540e\uff0c\u7528\u6237\u5fc5\u987b\u9009\u62e9\u70b9\u51fb”\u786e\u8ba4”\uff08”OK”\uff09\u6216\u201c\u53d6\u6d88\u201d\uff08”Cancel”\uff09\u6309\u94ae\u624d\u80fd\u7ee7\u7eed\u3002
\n\u5982\u679c\u7528\u6237\u9009\u62e9”\u786e\u8ba4”\uff08”OK”\uff09\uff0c\u7a97\u53e3\u8fd4\u56de\u503c\u4e3a\u771f(true)\u3002\u5982\u679c\u7528\u6237\u9009\u62e9\u201c\u53d6\u6d88\u201d\uff08”Cancel”\uff09\uff0c\u7a97\u53e3\u8fd4\u56de\u503c\u4e3a\u5047(false)\u3002\u8bed\u6cd5\uff1a<\/p>\n\n\n
confirm(“\u6587\u672c\u5185\u5bb9”);<\/td>\n<\/tr>\n<\/table>\n

\u4f8b\u5b50\uff08\u5c06\u4f8b\u4e2d\u5185\u5bb9\u5b58\u4e3a\u4e00\u4e2ahtml\u6587\u4ef6\u4ee5\u6d4b\u8bd5\u6548\u679c\uff09\uff1a<\/p>\n\n\n
<html>
\n<head>
\n<script type=”text\/javascript”>
\nfunction disp_confirm()
\n{
\nvar r=confirm(“Press a button”)<\/span>
\nif (r==true)
\n{
\ndocument.write(“You pressed OK!”)
\n}
\nelse
\n{
\ndocument.write(“You pressed Cancel!”)
\n}
\n}
\n<\/script>
\n<\/head>
\n<body><input type=”button” onclick=”disp_confirm()<\/span>” value=”\u663e\u793a\u786e\u8ba4\u7a97\u53e3” \/><\/body>
\n<\/html><\/td>\n<\/tr>\n<\/table>\n

———————————————————————————–
\n\u63d0\u95ee\u7a97\u53e3\uff08Prompt Box\uff09<\/strong>
\n\u5982\u679c\u4f60\u9700\u8981\u7528\u6237\u5728\u8fdb\u5165\u9875\u9762\u524d\u5148\u8f93\u5165\u67d0\u4e9b\u4fe1\u606f\uff0c\u901a\u5e38\u4f7f\u7528\u63d0\u95ee\u7a97\u53e3\u3002
\n\u5f53\u4e00\u4e2a\u63d0\u95ee\u7a97\u53e3\u5f39\u51fa\u540e\uff0c\u7528\u6237\u9700\u8981\u8f93\u5165\u67d0\u4e9b\u4fe1\u606f\u5e76\u9009\u62e9”\u786e\u8ba4”\uff08”OK”\uff09\u6216\u201c\u53d6\u6d88\u201d\uff08”Cancel”\uff09\u65b9\u80fd\u7ee7\u7eed\u3002
\n\u5982\u679c\u7528\u6237\u9009\u62e9\u4e86”\u786e\u8ba4”\uff08”OK”\uff09\uff0c\u7a97\u53e3\u8fd4\u56de\u503c\u4e3a\u7528\u6237\u8f93\u5165\u7684\u4fe1\u606f\uff0c\u5426\u5219\uff0c\u8fd4\u56de\u7a7a\u503c(null)\u3002<\/p>\n

\u8bed\u6cd5\uff1a<\/p>\n\n\n
prompt(“\u6587\u672c\u5185\u5bb9”,”\u9ed8\u8ba4\u503c”)<\/td>\n<\/tr>\n<\/table>\n

\u4f8b\u5b50\uff08\u5c06\u4f8b\u4e2d\u5185\u5bb9\u5b58\u4e3a\u4e00\u4e2ahtml\u6587\u4ef6\u4ee5\u6d4b\u8bd5\u6548\u679c\uff09\uff1a<\/p>\n\n\n
<html>
\n<head>
\n<script type=”text\/javascript”>
\nfunction disp_prompt()
\n{
\nvar name=prompt(“Please enter your name”,”Aqua”)<\/span>
\nif (name!=null && name!=””)
\n{
\ndocument.write(“Hello ” + name + “! How are you today?”)
\n}
\n}
\n<\/script>
\n<\/head>
\n<body><input type=”button” onclick=”disp_prompt()<\/span>” value=”\u663e\u793a\u63d0\u95ee\u7a97\u53e3” \/><\/body>
\n<\/html><\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u4f7f\u7528JavaScript\uff0c\u6211\u4eec\u53ef\u4ee5\u751f\u6210\u4e09\u79cd\u5f39\u51fa\u7a97\u53e3\uff1a\u63d0\u793a\u7a97\u53e3\uff0c\u786e\u8ba4\u7a97\u53e3\u548c\u63d0\u95ee\u7a97\u53e3\u3002 ———————————————————————————- \u8b66\u793a\u7a97\u53e3 \uff08Alert Box\uff09 \u8b66\u793a\u7a97\u53e3\u901a\u5e38\u7528\u6765\u786e\u4fdd\u7528\u6237\u6536\u5230\u67d0\u9879\u4fe1\u606f\uff0c\u56e0\u4e3a\u5f53\u4e00\u4e2a\u63d0\u793a\u7a97\u53e3\u5f39\u51fa\u540e\uff0c\u7528\u6237\u5fc5\u987b\u70b9\u51fb\u201c\u786e\u8ba4\u201d\uff08\u201cOK\u201d\uff09\u6309\u94ae\u624d\u80fd\u7ee7\u7eed\u3002 \u8bed\u6cd5\uff1a alert(“\u6587\u672c\u5185\u5bb9”); \u4f8b\u5b50\uff08\u5c06\u4f8b\u4e2d\u5185\u5bb9\u5b58\u4e3a\u4e00\u4e2ahtml\u6587\u4ef6\u4ee5\u6d4b\u8bd5\u6548\u679c\uff09\uff1a <html> <head> <script type=”text\/javascript”> function disp_alert() { alert(“\u4f60\u597d! ” + ‘\\n’ + “\u7b2c\u4e8c\u884c\u5185\u5bb9.”) } <\/script> <\/head> <body><input type=”button” onclick=”disp_alert()” value=”\u663e\u793a\u63d0\u793a\u7a97\u53e3” \/><\/body> <\/html> ———————————————————————————– \u786e\u8ba4\u7a97\u53e3\uff08Confirm Box\uff09 \u786e\u8ba4\u7a97\u53e3\u901a\u5e38\u5728\u4f60\u9700\u8981\u7528\u6237\u9a8c\u8bc1\u6216\u63a5\u53d7\u67d0\u4e9b\u4fe1\u606f\u65f6\u4f7f\u7528\u3002 \u5f53\u4e00\u4e2a\u786e\u8ba4\u7a97\u53e3\u5f39\u51fa\u540e\uff0c\u7528\u6237\u5fc5\u987b\u9009\u62e9\u70b9\u51fb”\u786e\u8ba4”\uff08”OK”\uff09\u6216\u201c\u53d6\u6d88\u201d\uff08”Cancel”\uff09\u6309\u94ae\u624d\u80fd\u7ee7\u7eed\u3002 \u5982\u679c\u7528\u6237\u9009\u62e9”\u786e\u8ba4”\uff08”OK”\uff09\uff0c\u7a97\u53e3\u8fd4\u56de\u503c\u4e3a\u771f(true)\u3002\u5982\u679c\u7528\u6237\u9009\u62e9\u201c\u53d6\u6d88\u201d\uff08”Cancel”\uff09\uff0c\u7a97\u53e3\u8fd4\u56de\u503c\u4e3a\u5047(false)\u3002\u8bed\u6cd5\uff1a confirm(“\u6587\u672c\u5185\u5bb9”); \u4f8b\u5b50\uff08\u5c06\u4f8b\u4e2d\u5185\u5bb9\u5b58\u4e3a\u4e00\u4e2ahtml\u6587\u4ef6\u4ee5\u6d4b\u8bd5\u6548\u679c\uff09\uff1a <html> <head> <script type=”text\/javascript”> function disp_confirm() { var r=confirm(“Press a button”) if (r==true) { document.write(“You pressed […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3,"menu_order":7,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/3"}],"wp:attachment":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}