简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > フロントエンドQ&A > 本文

html ページを閉じる

WBOY
リリース： 2023-05-21 12:54:38
オリジナル
1621 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース：php.cn
前の記事：JavaScript スクリプトとは何ですか? 次の記事：HTMLの隠しタグ
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1756
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1900
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1621
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1528
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1565
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！