[JavaScript] window.新しいウィンドウを開く(ポップアップウィンドウ)フロート



Intro


新しいウィンドウを表示するウィンドウ.Open()を紹介したいのですが.

Window.open()


Windowインタフェースopen()メソッドは、ブラウズコンテキストに明示的な名前で明示的なリソースをロードします.名前がない場合は、新しいウィンドウが開き、そのウィンドウのブラウズコンテキストで指定したリソースが開きます.

syntax

var window = window.open(url, windowName, [windowFeatures]);

url


ロードするリソースのURLを示すDOMString.HTMLページ、画像ファイル、またはブラウザがサポートする他のリソースのパスまたはURLであってもよい.空の文字列("")をurlとして指定すると、ターゲットナビゲーションコンテキストとして空白のページが開きます.

windowName


DOMStringは、指定されたリソースをロードするナビゲーションコンテキスト(ウィンドウ、<iframe>、またはタブ)の名前を指定します.名前が既存のコンテキストを表していない場合は、新しいウィンドウが作成され、windowNameという名前が指定されます.この名前は、リンクおよびフォームのターゲットとして使用される<a>または<form>要素のターゲット属性として指定できます.名前にスペースは使用できません.ウィンドウに表示されるタイトルとしては使用されません.文字列が空の場合、ブラウザは毎回新しいウィンドウを作成します.(文字列がNULLになった場合、この操作は機能しません).

windowFeatures (Optional)


DOMStringは、カンマで区切られたウィンドウ機能リストと「name=value」形式の対応する値を含む.これらの機能には、ウィンドウのデフォルトのサイズと場所、スクロールバーを含むかどうかなどのオプションがあります.文字列にスペースは使用できません.

return value


新しく作成したウィンドウを表すウィンドウオブジェクト.ウィンドウを開くことができない場合はnullを返します.返されるウィンドウリファレンスは、同じソースポリシーのセキュリティ要件を満たす限り、新しいウィンドウにアクセスするプロパティとメソッドに使用できます.

Description


()メソッドを使用して、ファイルメニューから新しいウィンドウを選択するのと同様に、新しい補助ブラウザウィンドウを作成します.strUrlパラメータは、新しいウィンドウから読み込まれ、ロードするURLを指定します.strUrlが空の文字列の場合、メインウィンドウのメインツールバーを使用して新しい空のウィンドウ(URL情報:スペース)が作成されます.
リモートURLはすぐにはロードされません.window.Open()を返すと、ウィンドウには常にabout:スペースが含まれます.URLの実際のインポートは遅延し、現在のスクリプトブロックの実行が完了した後に開始します.ウィンドウの作成と参照リソースのロードは非同期です

Example

var windowObjectReference;

function openRequestedPopup() {
  windowObjectReference = window.open(
    "http://www.domainname.ext/path/ImageFile.png",
    "DescriptiveWindowName",
    "resizable,scrollbars,status"
  );
}
https://developer.mozilla.org/ko/docs/Web/API/Window/open