JavaScriptを使用して、開いているWebページのウィンドウサイズとHTMLでウィンドウを閉じる方法を制御します

JavaScript を使用して、開いている Web ページのウィンドウ サイズと HTML でウィンドウを閉じる方法を制御する

インターネットの普及に伴い、Web デザインの重要性がますます高まっています。多くの Web サイトは、ポップアップ ウィンドウを使用して、より良いユーザー エクスペリエンスを提供します。 JavaScript は Web デザインの非常に重要な部分であり、ウィンドウ サイズの制御やウィンドウを閉じるなど、Web ページ上のさまざまな操作を制御するために使用できます。

この記事では、JavaScript を使用して Web ページを開くウィンドウのサイズを制御する方法を紹介し、HTML でウィンドウを閉じる方法について詳しく説明します。

1. JavaScript を使用して、開いた Web ページのウィンドウ サイズを制御する

Web ページに JavaScript を埋め込むことで、ウィンドウのサイズ、位置、状態などを制御できます。以下は、JavaScript を使用して新しいウィンドウを開くコードです:

window.open("http://www.example.com","_blank","width=500,height=500");

コード内の「window.open」は新しいウィンドウを開くことができ、「http://www.example.com」はURL、「_blank」は新しいウィンドウで開くことを意味し、「width=500,height=500」はウィンドウのサイズです。

さらに、次のような他のパラメータを使用してウィンドウの特性を制御することもできます。

• left: ウィンドウの左側と左側の間の距離画面の
• top: ウィンドウの上部 画面上端からの距離
• toolbar: ツールバーを表示するかどうか
• location: アドレスを表示するかどうかbar
• menubar: メニューバーを表示するかどうか
• scrollbars: スクロールバーを表示するかどうか
• resizable: サイズ変更可能かどうか

Forたとえば、次のコードは新しいウィンドウを開き、ツールバーを非表示にしたまま画面の中央に設定します:

window.open("http://www.example.com","_blank","width=500,height=500,left="+((screen.width-500)/2)+",top="+((screen.height-500)/2)+",toolbar=no");

2. HTML

でウィンドウを閉じる方法窓を開けるだけでなく、時には窓を閉めなければならないこともあります。 HTML には、現在のウィンドウを閉じるために使用できる window.close() メソッドが用意されています。ただし、この方法はすべてのブラウザでサポートされているわけではなく、一部のブラウザでは閉じる前にユーザーにプロンプ​​トが表示されます。

JavaScript で window.close() メソッドを使用してウィンドウを閉じると、一部のブラウザで互換性がなくなるため、HTML ページで次のステートメントを使用してウィンドウを閉じることをお勧めします。

<input type="button" value="Close Window" onClick="window.close();">

これは、HTML では、ユーザーがボタンまたはリンクをクリックした場合、window.close() メソッドを直接呼び出すことがブラウザーによって「ユーザー イベント」とみなされ、ウィンドウに対するブラウザーの応答がバイパスされるためです。 close() )、ウィンドウを安全に閉じることができます。

この方法は、開いているウィンドウで使用した場合にのみ有効であることに注意してください。ブラウザのメインウィンドウで使用しても無視されます。

概要

JavaScript を使用すると、Web ページ上のさまざまな操作を制御できます。この記事では、JavaScript を使用して Web ページを開くウィンドウのサイズを制御する方法と、Web ページを閉じる方法の詳細を紹介します。 HTML のウィンドウ。この記事を読むと、Web ページで JavaScript をより効果的に使用してユーザー エクスペリエンスを向上させ、よりスマートで便利なサービスを提供する方法がわかるはずです。

以上がJavaScriptを使用して、開いているWebページのウィンドウサイズとHTMLでウィンドウを閉じる方法を制御しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。