T.Takahashi 【JavaScript初級入門】文字列操作第3回「入力した文字列でHTMLを作成する」 2017-06-23T04:46:10Z
０；ゼロからはじめる！

JavaScript

【JavaScript初級入門】文字列操作第3回「入力した文字列でHTMLを作成する」

STEP3.入力した文字列を使いHTML文を作成する

ここでは、

  • 文字列（text_a）をタイトル
  • 文字列（text_b）を本文
ととしてHTMLを記述したものテキストボックス（text_result）に表示する。

文字列結合用のJavaScript

<script language="JavaScript">

function outoput_exe1(){

  var x = null;

  x ="<html>\n" +"<head>\n"
      + "\t<title>" + document.form_text.text_a.value +"</title>\n"
      + "</head>\n" + "<body>\n"
      + "\t<p>" + document.form_text.text_b.value + "</p>\n"
      + "</body>\n" + "</html>\n";

  document.form_text.text_result.value = x;
}
</script>

テスト動作

入力と出力用のJavaScript


目次に戻る 関数宣言function 関数名（）って何？はコチラ

  1. 文字列aとbを結合し変数ｘに代入する

    2. 7行目：x ="<html>\n" +"<head>\n"
    8行目：+ "\t<title>" + document.form_text.text_a.value +"</title>\n"
    9行目：+ "</head>\n" + "<body>\n"
    10行目：+ "\t<p>" + document.form_text.text_b.value + "</p>\n"
    11行目：+ "</body>\n" + "</html>\n";

  2. 変数ｘてテキストボックスtext_resultにHTMLを出力する
    3. 13行目：document.form_text.text_result.value = x;
JavaScript講座（初級入門）目次へ

関連記事


スポンサーリンク

0 件のコメント :

コメントを投稿