html mailto(メール)の実用化について

html mailto(メール)の実用化について
ご存知のとおり、mailto は Web デザインと制作において非常に実用的な HTML タグです。個人の Web ページを持つ多くの友人は、Web サイトの目立つ位置に自分の電子メール アドレスを記述することを好みます。これにより、Web ブラウザーがマウスで mailto で構成されたハイパーリンクをクリックすると、OutLook Express や Foxmail など、現在のコンピューター システムの既定の電子メール クライアント ソフトウェアが自動的に開きます。

ただし、mailto イベント接続の処理においてオペレーティング システムとメール クライアント間で一貫性がないため、実際に使用する際には注意が必要です。

1. 基本的な文法

<a href=mailto:[email protected]>メールを送信</a>

または

<フォームアクション="mailto:[email protected]">

</フォーム>

パラメータリスト:

受信者(複数の受信者は;で区切ってください)
主題テーマ
cc CC
cc のブラインドコピー
コンテンツ(一部の電子メール クライアントは HTML 形式のステートメントをサポートしています)

パラメータ転送方法はページ間の値転送と同じです。リンク文字列またはフォームを使用できます。

接続文字列

<a href="mailto:[email protected]?subject=testtitle&[email protected]&body=this is body">メールを送信</a>

形状

コードをコピー
コードは次のとおりです。

<フォーム名='sendmail' アクション='mailto:[email protected]'>
<入力名='cc' タイプ='テキスト' 値='[email protected]'>
<入力名='件名' タイプ='テキスト' 値='テストタイトル'>
<input name='body' type='text' value='これは本文です'>
</フォーム>

2. メールクライアントの違い

上記は mailto の単純な構文の適用例ですが、実際の適用では、ブラウザの設定に応じてブラウザ クライアントごとに効果が異なる場合があります。

特に本文コンテンツに HTML 形式の記述が含まれている場合は、この点に注意する必要があります。

Outlook は、本文の HTML ステートメントをそのまま表示します (本文の HTML がエスケープされていても無効です)。では、Outlook Mailto を使用するときに本文のステートメントをラップしたい場合はどうすればよいでしょうか。 <br/> 効果はありません。 。改行記号として %0D 文字が必要です。

Foxmail は、本文内の HTML ステートメントに対応する HTML 効果を表示します。

もちろん、別の方法を使用して mailto タイプのクライアントを実装し、電子メールを送信することもできます。

コードをコピー
コードは次のとおりです。

関数 SendMail(ファイルパス) {
var path = location.href.substring(0, location.href.lastIndexOf("/")) + filePath;
var outlookApp = 新しい ActiveXObject("Outlook.Application");
var nameSpace = outlookApp.getNameSpace("MAPI");
var mailItem = outlookApp.CreateItem(0);
var mailto = "[email protected]";
var mailBody= "<HTML><BODY><DIV><FONT color='red'>テストこれは本文 HTML です</FONT></DIV></BODY></HTML>";
mailItem.Subject = "テストタイトル";
メールアイテムの宛先 = mailto;
mailItem.HTMLBody = mailBody;
if (パス != "") {
mailItem.Attachments.Add(パス);
}
メールアイテムを表示します(0);
メールアイテム = null;
名前空間 = null;
OutlookApp = null;
}

しかし、これには大きな欠点があります。Outlook クライアントのみがサポートされ、インターネット オプションの構成が必要であり、「安全だとマークされていない ActiveX コントロールの初期化とスクリプトの実行」を有効にする必要があります。

mailItem の Attachments.Add を呼び出すと、電子メールに添付ファイルが追加されます。添付ファイルがない場合は、filePath パラメータを削除できます。

カーボン コピー オブジェクトを追加する必要がある場合は、mailItem.Cc を呼び出します。ブラインド コピー オブジェクトを追加する必要がある場合は、mailItem.Bcc を呼び出します。

<<:  印刷広告を成功させるための「3I」基準

>>:  JavaScript の高度なプログラミングの基本参照型

推薦する

MySQL ユーザーのホスト属性を素早く変更する方法

MySQL にリモートでログインする場合、使用するアカウントには特別な要件があります。アカウントのデ...

Linuxのwatchコマンドの使用

1. コマンドの紹介watch コマンドは、指定されたコマンドを定期的に実行し、実行結果を全画面に表...

Linuxコマンド履歴の調整方法の詳細な説明

Linux システムの bash history コマンドは、以前に実行したコマンドを記憶し、再入力...

win10でのmysql5.7.21解凍バージョンのインストールチュートリアル

次のように、Win10でMysqlの解凍バージョンをインストールします。環境: win10 64ビッ...

Win10にCentOS7仮想マシンをインストールする

1. VMware Workstation 64バージョンをダウンロードするhttps://www....

Linux redis-Sentinel 設定の詳細

ダウンロードダウンロードアドレス: https://redis.io/download /usr/l...

MySQL インデックスの最適化: ページング探索の詳細な紹介

目次MySQL インデックス最適化ページングの調査ケース1ケース2 MySQL インデックス最適化ペ...

MySQL explain クエリ命令情報の取得原理と例

explain はクエリ実行プラン情報を取得するために使用されます。 1. 文法次のように、sele...

Vue の this.$store.state.xx.xx に関する簡単な説明

目次これを Vue.$store.state.xx.xxストアからデータを取得する私のプロジェクトフ...

表示しているページのスナップショットを Baidu が保存できないように設定する方法

今日、Baidu でページを検索したところ、ページが削除されていたため、当然 Baidu スナップシ...

Dockerで作成したコンテナを削除する方法

Dockerで作成したコンテナを削除する方法1. まず、docker -s -aコマンドを使用してす...

Linux で scp コマンドを使用してファイルをリモートでコピーする方法の詳細な説明

序文scp は secure copy の略です。scp は、Linux システムの ssh ログイ...

CentOS7 (YUM) での MySQL 5.7 のインストールと設定のチュートリアル

インストール環境: CentOS7 64ビット、MySQL5.7 1. YUMソースを設定するMyS...

Docker Compose のインストールと使用手順

目次1. Docker Compose とは何ですか? 2. Docker Composeのインスト...

HTML 学習ノート - HTML 構文の詳細な説明 (必読)

1. HTML マークアップ言語とは何ですか? HTML は、Web ページの情報を表すマークアッ...