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

html ページを閉じる

WBOY

リリース： 2023-05-21 12:54:38

オリジナル

1682 人が閲覧しました

HTML を使用してページを閉じる方法

HTML は、Web ページの作成に使用されるマークアップ言語です。 HTML では、ページを閉じるのは一般的なタスクです。この記事では、HTML を使用して Web ページを閉じる方法について説明します。

JavaScript を使用してページを閉じる

HTML では、JavaScript を使用してページを閉じることができます。ページを閉じるには、window オブジェクトの close() 関数を使用する必要があります。以下は簡単な例です:

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
</head>
<body>
    <button onclick="window.close()">关闭页面</button>
</body>
</html>

ログイン後にコピー

上記のコードでは、ページにボタンを追加します。ユーザーがボタンをクリックすると、ウィンドウオブジェクトの close() 関数が呼び出され、ページが閉じられます。。

リンクを使用してページを閉じる

HTML では、リンクを使用してページを閉じることもできます。以下に例を示します。

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
</head>
<body>
    <a href="#" onclick="window.close()">关闭页面</a>
</body>
</html>

ログイン後にコピー

この例では、ハイパーリンクを使用してページを閉じる機能を実装します。ユーザーがリンクをクリックすると、ウィンドウオブジェクトの close() 関数が呼び出され、ページが閉じられます。

この例では、リンクアドレスとして「#」を使用します。これは、リンクによって別のページに移動したり、現在のページをリロードしたくないためです。代わりに、リンクを使用して JavaScript コードをトリガーし、現在のページを閉じるだけです。

メタデータを使用してページを閉じる

JavaScript とリンクに加えて、HTML はメタデータを使用してページを閉じることもサポートしています。以下に例を示します:

<!DOCTYPE html>
<html>
<head>
    <title>关闭页面</title>
    <meta http-equiv="refresh" content="0;url=javascript:window.close()">
</head>
<body>
    <h1>这是一个测试页面</h1>
</body>
</html>

ログイン後にコピー

上の例では、タグに要素を追加しました。この要素を使用すると、HTTP 応答ヘッダー情報を HTML ページに埋め込むことができます。

この例では、meta 要素を使用して新しい HTTP 応答ヘッダーを設定します。ページが読み込まれたときにすぐにページを閉じるように JavaScript コードをトリガーするように、この応答ヘッダーを設定します。

ここでの content 属性は、HTTP 応答ヘッダーの値を指定します。この値は 2 つの部分で構成されます。最初の部分「0」はページ待機時間を秒単位で指定します。これを 0 秒に設定します。これは、ページがすぐに閉じられることを意味します。

2 番目の部分では JavaScript コードを指定し、「javascript:window.close()」を使用して現在のページを閉じる関数を呼び出します。

結論

HTML では、ページを閉じる方法がいくつかあります。最も一般的な方法は、JavaScript を使用してページを閉じることです。ただし、リンクとメタデータを使用して同じ効果を実現することもできます。どの方法を使用する場合でも、ページを閉じるのに役立ち、ユーザーエクスペリエンスが向上します。

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