外部ＪＳ Document.writeで組込用ボタンリンク

リンクボタンを外部js化

JavaScriptボタンリンク（リンクボタン）を外部js化する

１．	JavaScript教本や数あるJavaScriptサンプルサイトのＵＲＬボタンリンクの例
	例　Ｙａｈｏｏ！へリンク
	↓　上記のソース　（ボタンリンク記述ソース）
<INPUT type="button" value="Ｙａｈｏｏ！へ" onClick=’location.href='http://www.yahoo.co.jp/"'> または、 <INPUT type="button" value="Ｙａｈｏｏ！へ" onClick="location.href='http://www.yahoo.co.jp/'">
	が直接ホームページに記述する場合の正しいソースです。

２．	外部ＪＳを最も簡単な　document.write（'<***********>')　で記述しようとした場合は上記のソースではエラーになります。
	何が干渉するのでしょうか？
	JavaScriptの文字列はダブルクォート（"）及び、シングルクォート（'）で囲んで記述します。
	document.write（’ を利用して外部js化しようとした場合、ボタンリンクのソースは「 "*" 」と「 '*' 」を混在させる必要が発生します。すなわち、document.write（’ に記述する「 ' 」とＵＲＬに記述する「 ' 」とが干渉してエラーが発生します。
	そこで、回避するためには、"location.hrefの前の「 " 」と'http://www.yahoo.co.jp/'の前後にある「 ' 」を削除するれば良い。
	↓　ソース　（外部化用ボタンリンク記述ソース）
<input type="button" value="Ｙａｈｏｏ！へ" onclick=location.href="http://www.yahoo.co.jp/">

３．	上記のソースを外部ＪＳファイルのdocument.write（'　ここに上記ソースを貼り付ける　')　に貼り付け、「Ｙａｈｏｏ！へ」をリンク対象ホームページ名に書き換え、「　"http://www.yahoo.co.jp/"　」をその対象ＵＲＬに書き換えると、document.writeで動作させようとする外部ＪＳファイルに組み込むことができるようになります。
※	注意点、タグ記述型ホームページ作成ソフト以外のＨＰＢ等プレビュー型作成ソフトの場合、ホームページに貼り付けた上記ソースはエラー回復機能により、正規の記述
<INPUT type="button" value="Ｙａｈｏｏ！へ" onClick="location.href='http://www.yahoo.co.jp/'"> または <INPUT type="button" value="Ｙａｈｏｏ！へ" onClick=’location.href='http://www.yahoo.co.jp/"'>
※ ※	に修正される可能性があります。すなわち、ＨＰＢ等で作成したソースを直接テキストエディタに貼り付けたdocument.write外部ｊｓソースを作成した場合は、再度不要なダブルクォート（"）及び、シングルクォート（'）をテキスト上で削除する必要があります。以上、外部ＪＳファイルのdocument.write（'　　')に対応させるためのイレギュラーな記述の方法であることを認識してご利用ください。