JSコードスニペットポップアップウィンドウを開く

ポップアップウィンドウを開くためのJavaScriptコードスニペットだけ特別なものはありません。

<span>W = window,
</span>    <span>D = document;
</span>
    <span>//set the window to widgets dimensions
</span>    <span>var winH = 400, //allow for window padding and header
</span>        winW <span>= 400,
</span>        winT <span>= 400,
</span>        winL <span>= 400;
</span>
    <span>//set the content
</span>    <span>var windowName = 'Widget', // should not include space for IE
</span>        path <span>= W.location.path,
</span>        windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH,
</span>        that <span>= this;
</span>   
    <span>//note path needs to be in the same domain...
</span>
    <span>//open the window
</span>    that<span>._Window = window.open(path, windowName, windowOptions);
</span>    that<span>._Interval = window.setInterval(function () {
</span>        <span>if (that._Window.closed) {
</span>            <span>window.clearInterval(that._Interval);
</span>            <span>//code to run when window is closed
</span>
        <span>}
</span>    <span>}, 1000);</span>

JavaScript Popup Windowsについてよく掲載されている質問

javaScriptを使用してポップアップウィンドウを作成するにはどうすればよいですか？

JavaScriptでポップアップウィンドウを作成するのは非常に簡単です。 window.open（）メソッドを使用できます。このメソッドは新しいウィンドウを作成し、参照を返します。基本的な例は次のとおりです。

var mywindow = window.open（ ""、 "mywindow"、 "width = 200、height = 100"）;
mywindow.document.write（ "

これは 'mywindow'

"）;

この例では、window.open（）メソッドが3つのパラメーターを取ります：ページのURLが開く（左）空のウィンドウを作成するためにここで空白）、ウィンドウの名前、ウィンドウの機能（幅と高さなど）を示す文字列。 [>>window.open（）メソッドの3番目のパラメーターで指定することにより、ポップアップウィンドウのサイズと位置を制御できます。たとえば、幅500ピクセル、高さ600ピクセル、画面の左と上部から10ピクセルを配置するウィンドウを作成するには、次のように使用します。 「mywindow "、" width = 500、height = 600、left = 10、top = 10 "）;

ポップアップに特定のURLをロードできますかウィンドウ？

はい、window.open（）メソッドの最初のパラメーターとして指定することにより、ポップアップウィンドウに特定のURLをロードできます。たとえば、

var mywindow = window.open（ "https://www.example.com"、 "mywindow"、 "width = 500、height = 600"）;

javaScriptを使用してポップアップウィンドウを閉じることはできますか？

window.close（）メソッドを使用してポップアップウィンドウを閉じることができます。このメソッドは、現在のウィンドウ、またはそれが呼び出されたウィンドウを閉じます。例は次のとおりです。

mywindow.close（）;

ポップアップウィンドウがサイズ変更されないようにすることはできますか？ resizable = window.open（）メソッドに機能を追加します。たとえば、

var mywindow = window.open（ "" ""、 "mywindow"、 "width = 500、height = 600、resizable = no"）;

ポップアップウィンドウはまだ開いていますか？

window.closedプロパティを使用して、ポップアップウィンドウがまだ開いているかどうかを確認できます。このプロパティは、ウィンドウが閉じているか（真）（偽）かどうかを示すブール値を返します（偽）。例は次のとおりです。if（！mywindow.closed）{

//ウィンドウがまだ開いているif（！mywindow.closed）はまだ開いています。はい、はい、ウィンドウオブジェクトのドキュメントプロパティを使用して、ポップアップウィンドウのコンテンツと対話できます。たとえば、ポップアップウィンドウにいくつかのテキストを書くには、次のものを使用できます：

mywindow.document.write（ "

hello、world！

"）;

ブラウザのツールバーなしでポップアップウィンドウを開くことはできますか？

はい、ツールバー= window.open（）メソッドにtoolbar = no featureを追加して、ブラウザのツールバーなしでポップアップウィンドウを開くことができます。たとえば、

var mywindow = window.open（ "" "、" mywindow "、" width = 500、height = 600、toolbar = no "）;

ポップアップウィンドウを強制できますか常にトップにするために？これは、ユーザーのオペレーティングシステムとブラウザの設定によって制御されます。

ポップアップウィンドウの閉じたときに検出できますか？オンロードイベント。このイベントは、ウィンドウがリソースを降ろそうとしているときに解雇されます。例は次のとおりです。

mywindow.onunload = function（）{

//ウィンドウは閉じようとしています

};

以上がJSコードスニペットポップアップウィンドウを開くの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。