ホームページ > 記事 > ウェブフロントエンド > html ページを閉じる
html ページを閉じる
- WBOYオリジナル
- 2023-05-21 12:54:381581ブラウズ
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>上の例では、93f0f5c25f18dab9d176bd4f6de5d30e タグに e8e496c15ba93d81f6ea4fe5f55a2244 要素を追加しました。この要素を使用すると、HTTP 応答ヘッダー情報を HTML ページに埋め込むことができます。
この例では、meta 要素を使用して新しい HTTP 応答ヘッダーを設定します。ページが読み込まれたときにすぐにページを閉じるように JavaScript コードをトリガーするように、この応答ヘッダーを設定します。
ここでの content 属性は、HTTP 応答ヘッダーの値を指定します。この値は 2 つの部分で構成されます。最初の部分「0」はページ待機時間を秒単位で指定します。これを 0 秒に設定します。これは、ページがすぐに閉じられることを意味します。
2 番目の部分では JavaScript コードを指定し、「javascript:window.close()」を使用して現在のページを閉じる関数を呼び出します。
結論
HTML では、ページを閉じる方法がいくつかあります。最も一般的な方法は、JavaScript を使用してページを閉じることです。ただし、リンクとメタデータを使用して同じ効果を実現することもできます。どの方法を使用する場合でも、ページを閉じるのに役立ち、ユーザー エクスペリエンスが向上します。
以上がhtml ページを閉じるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。