JavaScript : HTMLの要素内のイベント記述で複雑な処理を書く方法( 関数を定義したく無い場合 )

良く使う INPUT 要素のボタン内の onClick イベントのサンプルですが、
他の要素でも同じです。onClick='' のシングルクオート内は、改行が
あってもスクリプトなので、(function(){})() という記述で変数もローカル
扱いで処理できます。

但し、'' 内で '' を使う場合は、'' というように書く必要が
あります。また、(function(){})() 内に要素自身を渡したい場合は、
(function(obj){})(this) で、obj で参照できます。

<INPUT type="button" value="IFRAME追加" onClick='
(function(){
	var str="";
	str+="<IFRAME \n";
	str+="	src=\"http://winofsql.jp/\" \n";
	str+="	name=\"myframe\" \n";
	str+="	frameborder=\"no\" \n";
	str+="	scrolling=\"no\" \n";
	str+="	width=\"590\" \n";
	str+="	height=\"800\" \n";
	str+="></IFRAME> ";
	var txt = document.getElementsByName("txt03")[0].value;

	if ( txt != &#39&#39 ) {
		txt = txt + "\n";
	}

	document.getElementsByName("txt03")[0].value = txt + str;
})();
'
>

JavaScript オブジェクト

JavaScript : window オブジェクトのプロパティとしてグローバル変数を定義する

ほぼ、Google Chrome 限定ですが Web Speech API の現時点での実装と問題点回避方法

Google Chrome での音声認識処理

JavaScript でテーブル要素の td をクリックしてテキストを選択する / Range オブジェクト

Google Chrome で音声認識の結果をブログの投稿テキストエリアに転送するブックマークレット

JavaScript の String と Date オブシェクトに、9999/99/99 書式の文字列日付を取り出すメソッドを追加する

JavaScript オブジェクト作成の４態

JavaScript の function を new したものが、JSON フォーマットで記述した『Object』と同じである事のテスト

JavaScript による半角と全角の相互変換(カタカナを除く)完成版

Three.js で行われている整然としたクラス作成

JSON オブジェクトの stringify メソッドの第３引数の使い方

JS : 自分用名前空間を使ってページのロードイベントを登録

Object.prototype が window オブジェクトに適用されるおはなし

JS : クロスドメインの IFRAME からデータを JSON 形式で引き渡す

JavaScript : 右から指定した文字数を取りだす right メソッドを String オブジェクトに追加

JSON と文字列の関係

JavaScript : ネームスペースの作成

JavaScript : 無名関数(メソッド)の実行

JavaScript : Numberオブジェクトに16進数文字列に変換して指定した長さで前にゼロを付けるメソッドを追加する

JavaScript : String オブジェクトの replace メソッドの第二引数に関数を指定する一括置き換え処理