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 の高度なプログラミングの基本参照型

推薦する

Mac でソースコードから MySQL 5.7.17 をコンパイルしてインストールするチュートリアル

1. ダウンロードして解凍します: /Users/xiechunping/Softwares/mys...

HTML マーキー文字フラグメントのスクロール

その特性は次のとおりです。方向アクティブな字幕のスクロール方向を設定するコードは次のとおりです。 &...

Reactでレシピシステムを実装する方法を解説した記事

目次1. レシピ集1.1 プロジェクトの背景1.2 テクノロジースタック1.3 開発環境1.4. プ...

Vueはダイアログのカプセル化を実装します

目次Vue2 ライティングVue3プラグインのバージョンの記述Vue3 動的コンポーネントの記述書き...

MySQLカバーインデックスの使用例

カバーインデックスとは何ですか?クエリで使用されるすべてのフィールドを含むインデックスを作成すること...

VueでTypeScriptを使用する方法

導入近年、TypeScript を求める声がますます高まり、TypeScript はフロントエンドに...

さまざまなマウスの形状を表現する方法

<a href = "http://" style = "cur...

Docker で Maven プロジェクトをより速くビルドする

目次I. 概要2. 従来の多段階イメージ構築3. Buildkitを使用してイメージをビルドする4....

JSはショッピングカート内の商品の合計金額の計算を実現します

JSはショッピングカート内の商品の合計金額を計算して参考とします。具体的な内容は以下のとおりです。質...

JavaScript オブジェクト指向クラス継承ケースの説明

1. オブジェクト指向のクラス継承これまでの章では、JavaScript のオブジェクト モデルがプ...

Nginx リバース プロキシと負荷分散の実践

リバースプロキシリバースプロキシとは、プロキシサーバーを介してユーザーのアクセス要求を受信し、ユーザ...

JavaScript における Arguments オブジェクトの使用に関する詳細な説明

目次序文議論の基本概念議論の役割実パラメータと仮パラメータの数を取得する実際のパラメータ値を変更する...

Web コンテンツ ページを作成するための 9 つの実用的なヒント

コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず...

MySQL 8.0.11 の新機能の紹介

MySQL 8.0 for Windows v8.0.11 公式無料バージョン 64 ビット1. デ...

Linux dirnameコマンドの具体的な使い方

01. コマンドの概要dirname - ファイル名からディレクトリ以外のサフィックスを削除しますd...