window.open() の詳細な説明とブラウザの互換性の問題の説明_JavaScript スキル

1. 基本構文:
window.open(pageURL,name,parameters)
ここで:
pageURL はサブウィンドウのパス
name はサブウィンドウの名前
パラメータはウィンドウパラメータです (各パラメータはカンマ区切りです)

2. 例

コードをコピーします コードは次のとおりです次のように:

page.html は新しい形式になります newwindow 中央で開きます、幅は 800、高さは 500、画面の上から 0 ピクセル、画面の左から 0 ピクセル、

いいえツールバー、メニューバー、スクロールバー、サイズ変更、アドレスバー、ステータスバーなし。

各ブラウザは、ウィンドウ機能のサポートが異なります。 window.open() の sFeature パラメータ

各ブラウザの実行結果の概要:


上表は、機能のパラメータオプションごとに各ブラウザのサポートレベルを示しています。特に説明が必要なものは次のとおりです。

[注 1]: IE7 IE8 Firefox Chrome Safari では、「メニューバー」オプションを使用した場合。 「yes」の場合、デフォルトではメニューバーは表示されません。逆に、「menubar」オプションが「no」の場合、メニューバーは表示されません。 ALT キーが押されていても。
【注2】: Safariでは、「位置情報」オプションをオンにしたときの表示効果は、「ツールバー」オプションをオンにしたときと同じです。
【注意3】: IE6 IE8 Chromeでは「上」と「左」の配置を使用してください。設定した座標値が大きすぎると、ポップアップウィンドウが画面の可視範囲外に表示される場合があります。
【注4】: IE7 Firefox Safari Operaでは、「上」と「左」の位置を使用します。設定された座標値が大きすぎる場合、ウィンドウは「上」と「左」の値を自動的に調整します。ウィンドウが通常、画面の可視領域内に表示されていることを確認してください。
【注5】: Chrome Operaでは、現時点では「width」と「height」の値を設定せずに「left」と「top」を単独で使用することはサポートされていません。設定値はいずれも有効になりません。
【注釈 6】: Chrome では、「left」と「height」の値を設定せずに「width」と「height」を単独で使用することはサポートされていません。このとき、「width」と「height」の設定は必要ありません。値が両方とも無効です。 [注釈 5] の説明と組み合わせると、Chrome のポップアップ ウィンドウの幅、高さ、または位置に 1 つまたは複数の値を設定したい場合は、それらをすべて割り当てる必要があることがわかります。それは機能しません。
【注釈 7】: Firefox Chrome ではアドレスバーが常に表示されます。
【注釈 8】: Opera では、デフォルトではアドレス バーが表示されませんが、「location=yes」を設定すると、ページの上部のバーをクリックしてアドレス バーが表示されます。 。
【注9】: Chrome Operaでは、「menubar」の値をどのように設定しても、メニューバーは表示されません。
【注釈 10】: Firefox Safari Chrome Opera で「サイズ変更可能」の値がどのように設定されているかに関係なく、ユーザーはいつでもウィンドウのサイズを変更できます。
【注釈 11】: Safari Chrome では、ページ上にスクロール バーがある場合、「scrollbars」の値がどのように設定されていても、スクロール バーは常に表示されます。
【注 12】: IE7 は、Windows XP SP3 システムではデフォルトでステータス バーを非表示にする「status」パラメータをサポートしていますが、Windows Vista システムのデフォルト環境では、「status」パラメータはサポートされていません。ステータス バーは常に表示されます。これは、システムのデフォルトの IE7 マイナー バージョン番号が異なり、前者はバージョン番号が低く、後者はバージョン番号が高くなります。
【注釈 13】: Firefox では、「ステータス」の値がどのように設定されていても、ステータス バーは常に表示されますが、Chrome Opera では、前者とは逆に、ステータス バーは常に非表示になります。
【注釈 14】: Chrome Opera では、「ツールバー」の値をどのように設定しても、ツールバーは表示されません。
まとめると、window.open メソッドの sFeature パラメータのサポートレベルには大きな違いがあり、使用する際には注意が必要であることがわかります。

通常、window.open を使用してページを開くときは、ページを中央に表示する必要があります。 サンプルコード:

コードをコピー コードは次のとおりです:

var width=800; //ポップアップ ウィンドウの幅

var height=500;ポップアップウィンドウの
var top = (window.screen.availHeight-height)/2; // ウィンドウの垂直位置;
var left = (window.screen.availWidth-width)/ 2; //ウィンドウの水平位置;
window.open('page.html', 'newwindow','height=' width ',top=' top ',left=' left ',
toolbar=no,menubar=no,scrollbars=no, resizable=no,location= no, status=no')


availHeight と高さの違い

コードをコピー コードは次のとおりです:

window.screen.width は現在の画面幅 (解像度値) を返します。 )

window.screen.height は現在の画面の高さ(解像度値)を返します
screen.availWidth,screen.availHeight タスクバー(タスクバー)を除いた長さと幅を指します