HTMLでページを閉じる方法-フロントエンドQ&A-php.cn

HTMLでページを閉じる方法

PHPz

リリース： 2023-04-24 15:30:01

オリジナル

2098 人が閲覧しました

HTML での「ページを閉じる」とは、ユーザーがページを閉じたときに Web ページに特定の操作を実行させる方法を指します。この機能は、JS スクリプトや HTML 要素の使用など、いくつかの手法を通じて実現できます。この記事では、これらのテクニックを使用して HTML の終了ページを実装する方法を検討します。

ページを閉じるための JavaScript

JavaScript は、ページを閉じるための一般的なメソッドです。 JavaScript を使用してページを閉じるための基本的なコードは次のとおりです:

window.close(); // 关闭页面

ログイン後にコピー

上記のコードは、以下に示すように、JavaScript コードブロック内で単独で使用することも、HTML コードに埋め込んで使用することもできます。上記のコードでは、ボタン要素を作成し、要素の onclick イベントで window.close() メソッドを呼び出しました。このメソッドは、ユーザーがボタンをクリックすると現在のページを閉じます。

一部のブラウザでは、このコードが正しく動作しない可能性があることに注意してください。たとえば、Chrome ブラウザで正しく動作するには、ユーザーは JavaScript を通じて新しいウィンドウまたはタブを開き、そのウィンドウまたはタブで window.close() メソッドを使用する必要があります。

HTML 要素でページを閉じる

HTML 要素メソッドもページを閉じるもう 1 つの方法です。次の HTML コードのように:

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

<button onclick="window.close()">关闭页面</button>

</body>
</html>

ログイン後にコピー

上記のコードでは、ハイパーリンク要素を使用し、その href 属性を JavaScript コードに設定します。このリンクをクリックすると、window.close() メソッドが呼び出され、ページが閉じられます。この方法には、最新のすべてのブラウザで機能するという利点がありますが、一部のブラウザ (Safari など) では、デフォルトで JavaScript が無効になっている状態でウィンドウを閉じる機能がある場合があることに注意することも重要です。

結論

この記事では、HTML ページを閉じるための 2 つの一般的な方法を紹介しました。 JavaScript メソッドはほとんどの場合に正常に動作しますが、HTML 要素メソッドは最新のすべてのブラウザで正常に動作します。開発者は、Web サイトの信頼性とパフォーマンスを確保するためにこれらの方法を使用する場合、ブラウザーの互換性の問題を考慮する必要があることに注意することが重要です。

以上がHTMLでページを閉じる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。