この記事では、比較と参照のために一般的に使用されるJavaScriptポップアップウィンドウメソッドをまとめたものです。それがあなたに役立つことを願っています。詳細な方法は次のとおりです。
1.ウェブページを静かに更新します：
いくつかのWebページが更新されると、プロンプトウィンドウがポップアップし、「OK」をクリックして更新することに気付きましたか。
一部のページはプロンプトされず、プロンプトウィンドウがポップアップせずに直接更新されます。
ページにフォームがない場合、
プロンプトウィンドウがポップアップしません
ページにフォームフォームがある場合、
a）<form method = "post" ...>
プロンプトウィンドウがポップアップします
b）<form method = "get" ...>
ポップアップしません
2。JavaScriptでページを更新する方法：
window.location.reload（）;
ポップアップウィンドウポップアップウィンドウを使用して、親ウィンドウを更新します
window.opener.location.reload（）
window.showdialogを使用したモードウィンドウポップアップ
window.dialogarguments.location.reload（）;
3.JavaScriptポップアップウィンドウコード：
window.open（）メソッド：
window.open（）サポート環境：javascript1.0+/jscript1.0+/nav2+/ie3+/opera3+
基本的な構文：
window.open（pageurl、name、parameters）
で：
Pageurlはチャイルドウィンドウパスです
名前はチャイルドウィンドウハンドルです
パラメーターはウィンドウパラメーターです（各パラメーターはコンマで区切られています）
例：
<script> <！ - window.open（ 'page.html'、 'newwindow'、 'height = 100、width = 400、top = 0、left = 0、toolbar = no、menubar = no、scrollbars = no、resizable = no、location = no、status = no'）//
スクリプトが実行されると、page.htmlは新しい形式のNewWindowで開かれ、幅は100、画面の上部から400、0ピクセル、画面の左側から0ピクセル、ツールバーなし、メニューバーなし、サイズ変更なし、住所バーなし、ステータスバーなし。
比較してください。
上記の例はいくつかの一般的に使用されるパラメーターであり、これに加えて他の多くのパラメーターがあります。4を参照してください。
さまざまなパラメーター
その中で、はい/いいえも1/0を使用できます。ピクセル値は、特定の値、ユニットピクセルです。
パラメーター|値範囲|説明
| |
常にlowered |はい/いいえ|指定されたウィンドウは、すべてのウィンドウの後ろに隠されています
常にレイズされています|はい/いいえ|すべてのWindowsに吊り下げられたWindowsを指定します
依存して|はい/いいえ|親ウィンドウを同時に閉じるかどうか
ディレクトリ|はい/いいえ| NAV2と3のディレクトリ列が表示されます
高さ|ピクセル値|窓の高さ
ホットキー|はい/いいえ|メニューバーなしでウィンドウに安全な出口ホットキーを設定します
innerheight |ピクセル値|ウィンドウ内のドキュメントのピクセルの高さ
内幅|ピクセル値|ウィンドウ内のドキュメントのピクセル幅
場所|はい/いいえ|ロケーションバーが表示されます
メノバー|はい/いいえ|メニューバーが表示されています
outerheight |ピクセル値|窓のピクセルの高さを設定します（装飾的な境界を含む）
外側幅|ピクセル値|ウィンドウのピクセル幅を設定します（装飾的な境界を含む）
resizable |はい/いいえ|ウィンドウサイズは再配置可能です
screenx |ピクセル値|画面の左の境界線の窓のピクセルの長さ
スクリーン|ピクセル値|画面の上の境界までのウィンドウのピクセルの長さ
スクロールバー|はい/いいえ|ウィンドウで利用可能なスクロールバーはありますか
タイトルバー|はい/いいえ|ウィンドウタイトル列が表示されます
ツールバー|はい/いいえ|ウィンドウツールバーが表示されます
幅|ピクセル値|ウィンドウのピクセル幅
z-look |はい/いいえ|ウィンドウがアクティブ化された後に他のウィンドウに浮かぶかどうか
関数showdialog（url）{var iwidth = 300; //ウィンドウ幅var iheight = 200; //ウィンドウの高さvar itop =（window.screen.height-iheight）/2; var ileft =（window.screen.width-iwidth）/2; window.open（url、 "detail"、 "scrollbars = no、toolbar = no、no、no、no、no、no、resizable = no、width ="+iwidth+"、height ="+iheight+"、top ="+itop+"、left ="+ileft）; }window.showmodaldialogメソッド：
基本的な紹介：
showmodaldialog（）（すなわち4+サポート）
showmodelessdialog（）（すなわち5+サポート）
window.showmodaldialog（）メソッドは、HTMLコンテンツを表示するモーダルダイアログボックスを作成するために使用されます。
window.showmodelessdialog（）メソッドは、HTMLコンテンツを表示する非モーダルダイアログボックスを作成するために使用されます。
使い方：
vreturnvalue = window.showmodaldialog（surl [、varguments] [、sfeatures]）vreturnvalue = window.showmodelessdialog（surl [、varguments] [、sfeatures]））
パラメーター説明：
SURL--
必要なパラメーター、タイプ：文字列。ダイアログボックスに表示されるドキュメントのURLを指定するために使用されます。
Varguments--
オプションのパラメーター、タイプ：バリアント。パラメーターをダイアログボックスに渡すために使用されます。配列などを含む渡されたパラメータータイプは制限されていません。ダイアログボックスは、window.dialogargumentsを使用して、渡されたパラメーターを取得します。
sfeatures--
オプションのパラメーター、タイプ：文字列。次の情報などのダイアログボックスの外観を説明するために使用される情報は、セミコロン ";"によって分離できます。
1.Dialogheight：ダイアログボックスの高さは100px以上です。 IE4のDialOgHeeightとDialogWidthのデフォルト単位はEM、IE5のPXです。便利なため、モーダル方法でダイアログボックスを定義する場合、PXはユニットとして使用されます。
2.DialogWidth：ダイアログボックス幅。
3.DialogLeft：画面の左からの距離。
4.DialogTop：画面からの距離。
5.Center：{はい|いいえ| 1 | 0}：ウィンドウが中央にあるかどうかはデフォルトですが、高さと幅を指定できます。
6.ヘルプ：{はい|いいえ| 1 | 0}：ヘルプボタンを表示するかどうか、デフォルトはYESです。
7.レシザー可能：{はい|いいえ| 1 | 0} [IE5+]：サイズを変更できるかどうか。デフォルト番号
8.Status：{はい|いいえ| 1 | 0} [IE5+]：ステータスバーを表示するかどうか。デフォルトはyes [modeless]またはno [modal]になります。
9.Scroll：{はい|いいえ| 1 | 0 |オン| OFF}：ダイアログボックスにスクロールバーが表示されるかどうかを示します。デフォルトはイエスです。
次の属性はHTAで使用され、一般的に一般的なWebページでは使用されません。
10.Dialoghide：{はい|いいえ| 1 | 0 |オン| Off}：プリントまたは印刷プレビューのときにダイアログボックスが非表示になっているかどうか。デフォルトはノーです。
11.Edge：{Sunken |上昇}：ダイアログボックスのボーダースタイルを指定します。デフォルトが上昇します。
12.Unadorned：{はい|いいえ| 1 | 0 |オン| OFF}：デフォルトはNOです。
パラメーターの合格：
（1）。ダイアログボックスにパラメーターを渡す場合は、Vargumentsに渡されます。タイプに制限はありません。文字列タイプの場合、最大値は4096文字です。たとえば、オブジェクトも渡すことができます。
----------------------------------------
parent.htmページ：
<script> var obj = new object（）; obj.name = "jb51"; window.showmodaldialog（ "modal.htm"、obj、 "dialogwidth = 200px; dialogheight = 100px"）; </script>
Modal.htmページ：
<Script> var obj = window.dialogargumentaLet（ "渡すパラメーターは：" + obj.name）</script>
（2）ダイアログボックスがwindow.returnValueから開くウィンドウに情報を返すことができます。もちろん、もちろんオブジェクトにすることもできます。例えば：
parent.htmページコード：
<script> str = window.showmodaldialog（ "modal.htm" ,, "dialogwidth = 200px; dialogheight = 100px"）; alert（str）; </script> modal.htm <scrip> window.returnValue = "http：//www.jb51.com"; </scrip>
例：
関数showdialog（url）{var iwidth = 300; //ウィンドウ幅var iheight = 200; //ウィンドウの高さvar itop =（window.screen.height-iheight）/2; var ileft =（window.screen.width-iwidth）/2; window.showmodaldialog（url、window、 "dialogheight："+iheight+"px; dialogwidth："+iwidth+"px; dialogtop："+itop+"; dialogleft："+ileft+"; resizable：no; status：no; scoll：no"）; }ここで2番目のパラメーター、ウィンドウに注意してください
4.モードウィンドウデータを更新しないという問題（キャッシュ）
次のステートメントをJSPページに追加します
<％response.setheader（ "pragma"、 "no-cache"）; Response.setheader（ "Cache-Control"、 "no-cache"）; Response.SetDateHeader（ "Expires"、0）;％>
5。モードウィンドウで、リンクが新しいウィンドウの問題をポップアップします。
_blank、新しいブラウザウィンドウでリンクファイルを開きます。
_Parent、リンクフレームを含む親フレームセットまたは親ウィンドウにリンクされたファイルをロードします。リンクを含むフレームワークがネストされていない場合、リンクされたファイルは、_Selfパラメーターと同様に、ブラウザのフル画面ウィンドウにロードされます。
_self、同じフレームまたはウィンドウでリンクされたドキュメントを開きます。このパラメーターはデフォルト値であり、通常は指定されていません。
_TOPでは、現在のブラウザウィンドウ全体にリンクされたドキュメントを開き、すべてのフレームを削除します。
<a href = "a.html"ターゲット= "_ blank"/> </head>と<body>を追加します
6.ページを静かに閉じる方法：
関数closewin（）{var ua = navigator.useragent; var ie = navigator.appname == "Microsoft Internet Explorer"？true：fals; if（ie）{var ieversion = parsefloat（ua.substring（ua.indexof（ "msie"）+5、ua.indexof（ ";"、ua.indexof（ "msie"）））））; if（ieversion <5.5）{var str = ''; document.body.insertadjacenthtml（ "beforend"、str）; document.all.notipclose.click（）; } else {window.opener = null; window.close（）; }} else {window.close（）}}興味のある読者は、上記の方法をデバッグできます。これは、インスピレーションをもたらし、すべての人に役立つと思います。