1。JSの3つの最も一般的なダイアログボックス
// ======================================================== } //クエリボックスがポップアップし、ボタンを確認およびキャンセルしますfunction furient firm（）{//ダイアログボックス（true or false）で返された値を使用します（confism（ "sunce thin"））{alert（ "clicked to confish"）; } else {alert（ "クリックしてキャンセル"）; }} //入力ボックスがポップアップし、テキストの段落に入り、function prom（）{var name = prompt（ "your name"、 ""）を送信できます。 //入力コンテンツを変数名に割り当てる、// Proptには2つのパラメーターがあることに注意する必要があります。プロンプトがプロンプトである場合、ダイアログボックスが発表された後のダイアログボックスのデフォルト値。2。ボタンをクリックするときに一般的に使用される6つのプロンプトボックスと操作
<！-----------------------> <入力タイプ= "ボタン" name = "btn2" id = "btn2" value = "delete" onclick = "return confirn（ 'yes/no'）;）; <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- onclick = "javascript：window.location.href = 'http：//www.baidu.com';"/> <!--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JavaScript：window.location.reload（）; //現在のページに戻って更新します <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
3.独立したウィンドウをポップアップします
//閉じると、ダイアログボックスが親ウィンドウに表示され、子ウィンドウが直接閉じます。Response.Write（ "<スクリプト言語= javaScript> windose（）; </script>"）; //閉じて、親ウィンドウも子ウィンドウも親ウィンドウにポップアップしないで、これを直接閉じます。response.write（ "<script>"）; this.response.write（ "{top.opener = null; top.close（）;}"）; this.response.write（ "</script>"）; //人気のあるウィンドウは、現在のページ幅を再表示します= 200高さ= 200メニュー。メニューバー、ツールバー、アドレスバー、ステータスバーにはthis.response.write（ "<スクリプト言語= javascript> window.open（ 'rows.aspx'、 'newWindow'、 'width = 200、height = 200'）</script>"）; //ポップアップウィンドウは現在のページthis.response.write（ "<スクリプト言語= javascript> window.open（ 'rows.aspx'）</script>"）; this.response.write（ "<script> window.open（ 'webform2.aspx'、 '_ blank'）; </script>"）; //ポップアッププロンプトウィンドウはWebform2.aspxページ（IEウィンドウ）にジャンプしますthis.response.write（ "<スクリプト言語= javascript> alert（ '登録正常に'）; window.location.href = 'webform2.aspx'; </script>"）; //現在の子ウィンドウを閉じて親ウィンドウを更新しますthis.response.write（ "<script> window.opener.location.href = window.opener.location.href; window.close（）; </script>"）; this.response.write（ "<script> window.opener.location.replace（window.opener.document.referrer）; windos.close（）; </script>"）; //子のウィンドウは親ウィンドウを再表示しますthis.response.write（ "<script> window.opener.location.href = window.opener.location.href = 'webform1.aspx'; </script>"）; //子のウィンドウは、親ウィンドウthis.response.write（ "<script> window.opener.location.href = 'webform1.aspx'; </script>"）; //チャイルドウィンドウがポップアップします。確認後、チャイルドウィンドウがポップアップします（webform2.aspx）this.response.write（ "<スクリプト言語= 'javascript'> alert（ 'susterfully'）; window.open（ 'webform2.aspx'）</script>"）; //プロンプトウィンドウがポップアップし、確認後、親ウィンドウthis.response.write（ "<script> alert（ 'costersully！'）; window.opener.location.href = window.opener.location.href; </scrip>"）; //同じページがポップアップ<入力型= "ボタン" value = "ボタン" onclick = "javascript：windo.open（window.location.href）"> // respons.write（ "parent.mainframebottom.location.href = 'yourwebform.aspx？temp =" +str +"';"）; <スクリプト言語= "javascript"> <！ - window.open（ 'page.html'、 'newwindow'、 'height = 100、width = 400、top = 0、left = 0、toolbar = no、no、scrollbars = no、resizable = no、no、no、no'）//パラメーター説明：
window.openコマンドをオープンして、新しいウィンドウをポップアップします。
'page.html'ポップアップウィンドウのファイル名。
「NewWindow」ポップアップウィンドウの名前（ファイル名ではありません）は、必要ではない場合は、空に置き換えることができます。
高さ= 100ウィンドウの高さ。
幅= 400ウィンドウ幅;
TOP = 0画面上部からウィンドウのピクセル値。
左= 0画面の左側のウィンドウのピクセル値。
ツールバー=いいえツールバーを表示するかどうか、はい、ディスプレイです。
Menubar、Scrollbarsはメニューバーとスクロールバーを意味します。
resizable =いいえ、ウィンドウサイズを変更するかどうかは、はいが許可されています。
場所=いいえアドレスバーを表示するかどうか、はいが許可されています。
ステータス=いいえステータスバーに情報を表示するかどうか（通常、ファイルはすでに開いています）、はいは許可されています。
「Newwin」：メニューバーアドレスバーツールバーを非表示にします
4.ポップアップウィンドウの例のデモンストレーション
// 1。最も基本的なポップアップウィンドウコードWindow.open（ 'page.html'）// 2。 [window.open]を設定した後のポップアップウィンドウ（ 'page.html'、 'newWindow'、 'height = 100、width = 400、top = 0、left = 0、toolbar = no、menubar = no、no、no、no、no、no、location = no、status = no'）// //'Page.html 'ポップアップウィンドウのファイル名。 // 'NewWindow'ポップアップウィンドウの名前（ファイル名ではありません）、必要でない場合は、代わりに空の使用できます。 //高さ= 100ウィンドウの高さ。 // width = 400ウィンドウ幅; // TOP =画面上部からウィンドウのピクセル値。 //左=画面の左側からウィンドウのピクセル値。 //ツールバー=いいえツールバーを表示するかどうか、はい、ディスプレイです。 // Menubar、ScrollbarsはメニューバーとScrollbarを表します。 // resizable =いいえ、ウィンドウサイズを変更するかどうかは、はいが許可されています。 //場所=いいえ、アドレスバーを表示するかどうか、はいが許可されています。 // status = noステータスバーに情報を表示するかどうか（通常、ファイルが開かれています）、はいが許可されています。 // 3。機能を使用してポップアップウィンドウを制御する機能openWin（）{window.open（ "page.html"、 "newWindow"、 "height = 100、width = 400、toolbar = no、menubar = no、no、resizable = no、location = no、no"）// //ここではopenWin（）関数が定義されており、関数の内容はウィンドウを開くことです。それが呼ばれるまで役に立たない。それを呼ぶ方法は？ //方法1：<body onload = "openwin（）">ポップアップウィンドウは、ブラウザがページを読み取るときです。 //方法2：<body onunload = "openwin（）">ポップアップウィンドウは、ブラウザがページを離れるときです。 //方法3：接続で呼び出します：// <a href = "＃" onclick = "openwin（）">ウィンドウを開く</a> //注：使用される「＃」は仮想接続です。 // 1つのボタンで呼び出すボタン：// <入力タイプ= "ボタン" onclick = "openwin（）" balue = "openwin（）"> // 4、2 windows pop Up at windowin（）{window.open（ "page.html"、 "newwindow"、 "height = 100、width = 100、left = 0、left = 0、left = 0、no no no、no、 resizable = no、location = no、status = no "）// window.open（" page2.html "、" newwindow2 "、" height = 100、width = 100、let = 100、toolbar = no、menubar = no、sclollbars = no、resizable = no、no、no = no、no、no、no、no、no、no、no、no、no、no、no、no、no、no、no、ポップアップし、上部と左を使用してポップアップ位置を制御し、互いに上書きしない2つのウィンドウ。最後に、上記の4つの方法を使用して呼び出します。 //注：2つのウィンドウの名前（NewWindows and NewWindow2）は同じではないか、単に空である必要があります。 // 5。ファイルを開き、メインウィンドウでhtmを開くと、小さなウィンドウがpage.html関数openwin（）{window.open（ "page.html"、 "" "、" width = 200、height = 200 "）} // call：<a href =" 1.htm "onclick =" openwin（） "> open </a> // 6。ポップアップウィンドウの閉鎖制御の時限// lowポップアップウィンドウで何らかの制御を実行すると、効果が向上します。ポップアップページに小さなコードを追加した場合（メインページではなくpage.htmlのHTMLに追加されていることに注意してください）、10秒後に自動的に閉じるのはクールではありませんか？ //最初に、次のコードをpage.htmlファイルの<head>領域に追加します：function closeit（）{setimeout（ "self.close（）"、10000）// ms} // 7。ポップアップウィンドウに閉じるボタンを追加// <入力タイプ= 'ボタン'値= 'close' onclick = 'windose.close（）'> // 8。ポップアップウィンドウが含まれています-1つのページと2つのウィンドウ//上記の例には2つのウィンドウが含まれています。1つはメインウィンドウ、もう1つはポップアップウィンドウです。次の例を使用すると、上記の効果をページに記入できます。 function openwin（）{openWindow = window.open（ ""、 "newwin"、 "height = 250、width = 250、toolbar = no、scrollbars =" + scroll + "、menubar = no"）; // openwindow.document.write（ "<title> example </title>"）openwindow.document.write（ "<body bgcolor =＃ffffff>"）openwindow.document.write（ "<h1> hello！</h1>"）openwindow.document.document.document.document.document.document.document.document.document.document.documen openwindow.document.write（ "</body>"）openwindow.document.write（ "</html>"）openwindow.document.close（）} // 9。究極のアプリケーションと人気のウィンドウのクッキーコントロール//上記のポップアップウィンドウはクールですが、少し問題があることを思い出してください。たとえば、上記のスクリプトを頻繁に通過する必要があるページ（ホームページなど）に配置すると、このページを更新するたびに、ウィンドウが1回ポップアップ表示され、Cookieを使用してコントロールします。 //最初に、メインページの<head>領域に次のコードを追加しますhtml：function openwin（）{window.open（ "page.html"、 ""、 "width = 200、height = 200"）} function get_cookie（var search = name + "=" var returnvalue = ""; if（document.cookie.length> 0）{offset = document.cookie.indexof（search）if（offset！= -1）{offset += search.length end = document.cookie.indexof（ ";"、offset）; if（end == -1）end = document.cookie.length; returnValue = unescape（document.cookie.substring（offset、end））}} returnValue; } function loadPopup（）{if（get_cookie（ 'popped'）== ''）{openwin（）document.cookie = "popped = yes"}} //その後、メインページの元の<body>文を<body onload = "loadpopup（）">に置き換えます。 また。本物のポップのみのオンリー！JSポップアップボックス、ダイアログボックス、プロンプトボックス、ポップアップウィンドウ（推奨）の実装方法の上記の概要は、私が共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。