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

推薦する

Javascript フロントエンド最適化コード

目次if判定の最適化1. 最も簡単な方法:判断2. より良い方法: スイッチ3. より良いアプローチ...

Nginx + consul + upsync を使用して動的負荷分散を実現する方法の詳細な説明

目次前提条件DNSドメイン名解決プロセス外部ネットワークマッピングnginxコア知識nginxとはア...

MySQL 5.7を完全にアンインストールするための詳細な手順

この記事は主に、MySQLを再インストールする際のクリーンでないアンインストールのさまざまな問題をま...

VirtualBox+Ubuntu16でKubernetesクラスタを構築する実装

目次Kubernetesについて基本的な環境の準備VirtualBoxをインストールするUbuntu...

サイト全体を灰色にするCSSコードのまとめ

国務院は本日、新型コロナウイルス感染症との闘いで殉教した方々と犠牲者に対し、全国各民族人民の深い哀悼...

デザイナーが再びハマーの公式サイトに不満を述べる

昨年、この公開書簡は大ヒットし、羅永浩氏を驚かせた。今日、著者が新しい章を発表するとは思ってもみなか...

Docker-compose を使用して ELK クラスターを構築する方法

すべてのオーケストレーション ファイルと構成ファイルは、私の Github からアクセスできます。構...

JavaScriptの基本的なインタラクションの詳細な説明

目次1. 要素の入手方法文書から入手ID取得クラス名 (className) を取得します。タグ名 ...

js でクラスセレクターと名前属性セレクターを実装する手順の例

jQuery の登場により、DOM の操作効率が大幅に向上し、開発がより高いレベルに引き上げられまし...

CentOSはexpectを使用してスクリプトやコマンドをバッチでリモート実行します

サーバーへのファイルのアップロード、ソフトウェアのインストール、コマンドやスクリプトの実行、サービス...

mysql 8.0.19 winx64.zip インストール チュートリアル

この記事は参考までにmysql 8.0.19 winx64.zipのインストールチュートリアルを記録...

WeChatアプレットはシンプルな手書き署名コンポーネントを実装します

目次背景:必要:効果1. アイデア2. 実装1. ページとスタイル2. 初期化3. クリックすると4...

JavaScript で実装された 7 つのソート アルゴリズムの概要 (推奨!)

目次序文バブルソート基本アルゴリズム2 番目の書き方は、基本的なアルゴリズムに基づいて改良されていま...

操作例 MySQL ショートリンク

MySQL ショートリンクの設定方法1. mysql 接続番号ステートメントコマンドを確認します。 ...

WeChatミニプログラム公式顔認証の詳しい説明

ミニプログラムはユーザーの個人情報を収集してアップロードしましたが、拒否されました。こんにちは、ミニ...