1。基本的な構文:
window.open(pageurl、name、parameters)
で:
Pageurlはチャイルドウィンドウパスです
名前はチャイルドウィンドウ名です
パラメーターはウィンドウパラメーターです(各パラメーターはコンマで区切られています)
2。例
コードコピーは次のとおりです。
<script type = "text/javascript">
window.open( 'page.html'、 'newWindow'、 'height = 500、width = 800、top = 0、left = 0、
Toolbar = no、menubar = no、scrollbars = no、resizable = no、location = no、status = no ')
</script>
page.htmlは、幅800、画面の上部から500ピクセル、画面の左から0ピクセルの幅800の新しい形式で開かれます。
ツールバー、メノバー、スクロールバー、サイズ変更、アドレスバー、ステータスバーなし。
各ブラウザにwindow.open()のウィンドウ機能のサポートレベルに違いがあります
各ブラウザの実行結果の概要:
上記の表は、機能パラメーターオプションの各ブラウザのサポートの程度を示しており、特別な説明は次のとおりです。
[注1]:IE7 IE8 Firefox Chrome Safariでは、「Menubar」オプションが「はい」の場合、メニューバーはデフォルトでは表示されません。メニューバーを表示する前に、ALTキーを押す必要があります。それどころか、「メノバー」オプションが「いいえ」である場合、ALTキーが押されてもメニューバーは表示されません。
[注2]:Safariでは、ディスプレイ効果は「場所」オプションがオンになり、「ツールバー」オプションがオンになっている場合と同じです。
[注3]:IE6 IE8 Chromeでは、「上」と「左」を使用して見つけます。設定された座標値が大きすぎる場合、画面の視覚範囲の外側にポップアップウィンドウが表示される場合があります。
[注4]:IE7 Firefox Safari Operaでは、「トップ」と「左」を使用して見つけます。設定された座標値が大きすぎる場合、ウィンドウは「上」値と「左」値を自動的に調整して、画面の可視領域にウィンドウが正常に表示されるようにします。
[注5]:Chrome Operaでは、「幅」と「高さ」の値を設定せずに「左」と「トップ」を独立して使用することはサポートされていません。現時点では、「左」と「トップ」の設定値は有効になりません。
[注6]:Chromeでは、「左」と「高さ」の値を設定せずに「幅」と「高さ」を独立して使用することはサポートされていません。現時点では、「幅」「高さ」の設定値は有効になりません。 [注5]の指示と組み合わせることで、Chromeのポップアップウィンドウの幅、高さ、または位置に1つまたは複数の値を設定するかどうかに関係なく、それらをすべて割り当てる必要があります。
[注7]:Firefox Chromeでは、アドレスバーが常に表示されます。
[注8]:オペラでは、アドレスバーがデフォルトでは表示されませんが、ページの上部にある水平バーをクリックして表示できます。 「location = yes」を設定した後、アドレスバーが自動的に表示されます。
[注9]:Chrome Operaでは、「Menubar」値がどのように設定されているかに関係なく、メニューバーが表示されることはありません。
[注10]:Firefox Safari Chrome Operaで「再配置可能な」値がどのように設定されていても、ウィンドウはいつでもユーザーがサイズ変更できます。
[注11]:Safari Chromeでは、ページにスクロールバーがある場合、「スクロールバー」値がどのように設定されているかに関係なく、スクロールバーが常に表示されます。
[注12]:IE7は、Windows XP SP3システムでデフォルトでステータスバーを非表示にする「ステータス」パラメーターをサポートできます。 「ステータス」パラメーターは、Windows Vistaシステムのデフォルト環境ではサポートされていませんが、ステータスバーは常に表示されます。これは、2つのシステムの異なるデフォルトIE7スモールバージョン数に関連しています。前者のバージョン数は低く、後者のバージョン数は高いです。
[注13]:Firefoxでは、「ステータス」値がどのように設定されていても、ステータスバーは常に表示されますが、Chrome Operaでは、ステータスバーは常に前者とは反対方向に見えます。
[注14]:Chrome Operaでは、「ツールバー」値がどのように設定されているかに関係なく、ツールバーが表示されることはありません。
要約すると、window.openメソッドのsfeaturesパラメーターのサポートレベルに大きな違いがあることがわかります。したがって、使用するときは注意する必要があります。
一般に、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 ='+height+'、width ='+width+'、top ='+top+'、left ='+left+'、
Toolbar = no、menubar = no、scrollbars = no、resizable = no、location = no、status = no ')
利用可能なハイトと高さの違い
コードコピーは次のとおりです。
window.screen.width現在の画面幅(解像度値)を返します
window.screen.heights現在の画面の高さ(解像度値)を返します
screen.AvailWidth、screen.AvailHeightは、タスクバーを除く長さと幅を指します。