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サービス消失の解決策先ほど、MySQL-Front が突然 MySql を開けな...

TypeScript デコレータ定義

目次1. コンセプト1.1 定義1.2 デコレータファクトリー1.3 デコレータの組み合わせ1.4 ...

HTML テーブル データを Json 形式に変換するサンプル コード

<table>テーブルデータをJSON形式に変換するJavaScript関数は次のとおり...

Win10 での MySQL 8.0 ログインでユーザー 'root'@'localhost' のアクセスが拒否される (パスワード使用: YES) 問題の解決方法

最近、MySQL を学び始めました。インストールはスムーズに進み、インターネット上の既成のチュートリ...

ブラウザのCSS、JavaScript、背景画像のキャッシュをクリアする簡単な方法

実際のプロジェクト開発プロセスでは、ページがサーバーにアップロードされます。サーバーへの負荷を軽減し...

Centos7 に mysql 8.0.13 (rpm) をインストールする詳細なチュートリアル

yum か rpm か? yum によるインストール方法は非常に便利ですが、公式サイトから MySQ...

Vue3における7種類のコンポーネント通信の詳細

目次1. Vue3コンポーネント通信方式2. Vue3通信の使い方2.1 小道具2.2 $エミット2...

シンプルなウェブページレイアウトの構造と表現原理の共有

構造とパフォーマンスの紹介HTML 構造、CSS 表現、JavaScript 動作。Web ページの...

JDカルーセル効果を実現するための純粋なHTMLとCSS

JD カルーセルは、動的な効果を追加せず、主に位置決めの知識を使用して、純粋な HTML と CS...

Webデザインにおけるフォームデザインテクニックのまとめ

「脳が多数の領域間の関係を処理できるように、入力は論理的なグループに分割する必要があります。」 – ...

Tomcat の設定と Eclipse での起動方法

目次Tomcat8のインストールと設定方法tomcat ダウンロードTomcat マネージャーを有効...

マインスイーパゲームを実装するための jQuery プラグイン (2)

この記事では、jQueryプラグインを使用してマインスイーパゲームを実装する2番目の記事を参考までに...

Vue が Web オンラインチャット機能を実現

この記事では、Webオンラインチャットを実装するためのVueの具体的なコードを参考までに紹介します。...

Nginx シグナル制御

Nginx の紹介Nginx は、高性能な HTTP およびリバース プロキシ サーバーであり、IM...

Angular 依存性注入の説明

目次概要1. 依存性注入2. Angularの依存性注入フレームワーク概要依存性注入: デザインパタ...