■注記　2024.07.06 by 雨宮徹也。→HP

・2022.10.11　「～HTML4」、「CSS」の部を削除。引き続きDOM関係修正。
・2022.08.24　スクリプトの組み込みで「//…」コメントを除去して組み込む処理を追加。
・2022.07.30　JavaScriptのリファレンス部を編集中。
・2021.07.19　～HTML4用に注記を分離。
・2021.0x.xx　HTML5に対応化修正開始～。
・2021.06.25　JavaScriptのリファレンス完了か？。
・2021.01.26　cookieは、ローカルではIE11でのみらしいので、IE11用文書となる。これにより全機能を使える。
・2017.05.15　再び検索できるように直した。IE11で使えるようにした。
・2014.12.15　中断してブラウザをIE10にして対応、文書変更開始～。
・2014.12.07　IE11に対応、文書スタイル変更、VBScriptが走らなくなった。
・2014.03.27　IE10に対応、文書スタイル変更。検索、ジャンプの方法を変更。ウインドウの記憶を廃止。不完全対応。
・2010.01.28　CSSの目次に「隠す」追加。
・2009.12.10　DHTMLのevent.x関係の説明追加。
・2009.09.26　範囲指定「文字実体」して[S]したらエラーが出たのでその対処。検索で[▲][▼]クリックでエラー発生の修正。
・2009.12.08　DHTMLのテスト文修正。
・2009.09.22　環境記憶の修正。CSSの修正。
・2008.08.28　JavaScriptのIndex追加。
・2008.07.31　DHTMLのeventのclientYの例を修正。
・2008.06.15　HTML、DHTMLのビヘイビア関係のリンク追加。
・2008.03.13　JavaScriptのStringオブジェクトの検索キーワードを追加。
・2008.03.12　HTMLの検索キーワード追加。
・2008.02.23　HTMLとDHTMLのSELECTの検索キーワード追加。
・2008.02.15　DHTMLのonload、onreadystatechange、readyStateの修正。
・2008.02.10　CSSのフィルターの記述間違い修正。
・2008.01.27　CSSのプロパティのcursor、word-break修正。注記を修正。
・2008.01.26　DHTMLのeventの修正。
・2008.01.18　HTMLのFRAMESETの例を修正。
・2007.11.22　DHTMLのdocumentで、elementFromPoint(X,Y)の説明を修正。DHTMLのプロパティで、innerText対応ブラウザの修正。DHTMLのメソッドで、attachEvent(…)の対応ブラウザ修正。
・2007.11.21　DHTMLのeventで、x、yの説明を修正。DHTMLのメソッドで、insertAdjacentHTML、insertAdjacentText、insertAdjacentElementとFirefoxとの事を記述。DHTMLのdocumentの、elementFromPoint(X,Y)の説明修正。DHTMLのeventで、clientX、clientYの対応ブラウザを修正。DHTMLのeventで、x、yの対応ブラウザを修正。DHTMLのdocumentで、elementFromPoint(x,y)の対応ブラウザを修正。
・2007.11.17　CSSのプロパティで、positionの注意に追加。
・2007.11.15　DHTMLのdocumentで、例を追加。
・2007.11.13　CSSのフィルタで、アンカー追加。DHTMLのfilterで例の画像ファイル名修正。
・2007.11.05　DHTMLのeventで、event.xとevent.yの説明を修正。
・2007.11.02　DHTMLのメソッドで、「挿入位置」で検索できないバグの対処にアンカー「挿入」「位置」を追加。
・2007.11.01　DHTMLのeventの例を少し変更。Indexのleftのリンク切れ修正。DHTMLのstyleでleftの説明を追加。
・2007.10.29　基本.jsの中のJaTE()、JaTED()を修正。
・2007.10.26　DHTMLのstyle.left、style.topの説明を新規追加。elementFromPoint(X,Y)の説明追加。onloadの説明に追加。
・2007.10.24　CSSのime-modeをIndexに追加。
・2007.10.10　JavaScriptのErrorの解説追加。
・2007.10.05　JavaScriptの「剰余」のリンク切れ修正。
・2007.09.23　HTMLのcolspanのリンク先修正。
・2007.08.25　DHTMLのテスト欄など修正。
・2007.08.12　DHTMLのテスト欄修正。
・2007.06.26　HTMLのMETA要素のfollowの説明を追加。
・2007.06.03～07　JavaScriptのIndexの検索キーワード追加。
・2007.06.02　JavaScriptの表示乱れ修正。
・2007.06.01　JavaScriptのキーワード修正。
・2007.06.01　基本スクリプト修正。
・2007.05.30　CSSのリンク漏れ修正。
・2007.05.28～2007.06.01　オブジェクト表示用INPUTで[Enter]による実行できるようにした。例の表示を整えた。
・2007.05.27　DHTMLにてFirefoxのオブジェクトの文書を追加。
・2007.05.26　CSSの整形モデルの修正。
・2007.05.24　DHTMLのメソッド.htm内のリンク修正。
・2007.05.24　HTMLの色の所を修正。
・2007.05.23　文書に検索を設けた筈が、設けてなかったようで、全ての文書に検索を設ける。
・2007.05.03　DHTMLのwindowのリンク修正。
・2007.05.02　DHTMLのcookieの説明を追加。
・2007.04.30　DHTMLのdocumentの例を修正。
・2007.04.28　DHTMLのINPUT要素に説明追加。
・2007.04.26　DHTMLのremoveRuleのメニュー追加。
・2007.04.14　JavaScriptのIndex.htm修正。
・2007.04.08　ウィンドウの状態記憶を修正。目次の検索機構も修正。クッキーの実例を追加。検索キーワード追加。
・2007.03.29　filter:Progid:DXImageTransform.Microsoft.…の修正と追加。
・2007.01.29　HTMLのMAP.htmの絵.gif→絵.jpgにした。
・2007.01.27　DHTMLのIndex.htmのgetElementsByName、getElementsByTagNameのスペル修正
・2007.01.26　JavaScriptのステートメント.htm文章崩れ修正。
・2007.01.18　記.htm修正。
・2007.01.16　DHTMLのIndex.htm修正（history.htmへのリンク）。

これらの文書は、Edge で動作確認しました。

尚、テスト用データの保存としてクッキーを使用しています。

文字の大きさは、ブラウザの「文字のサイズ」が「100%」で丁度良くしてます。ウィンドウの大きさを変えても、できるだけキチンと表示できる様にしている、つもりです。

要約
画面の説明
検索
本文でのテスト
（スタイルシート確認）

要約

「HTML5」文書中での要素の表示は英大文字で表記し、属性などは英小文字で表記しています。

「DOM」文書中での要素の表示は英小文字で表記し、属性なども英小文字で表記しています。

以下の文字列と意味を参考に。

「HTML5」「CSS3」「DOM」「JavaScript」：
表記	意味
¶	「ここは不明である」を意味する。編集中でもあります。
`012abcif*\`	（色）記述コードです（記述が決まっているもの）。
012abcif*\	（色、等幅フォント）文字列。
`012abcif*\`	（斜体、色）引数、変数。ユーザーが任意に入力する内容です。
`012abcif*\`	キー入力文字。例でなど。
012abcif*\	（構文中、色）制御をあらわす。以降に示す。構文以外では黒色。
結合子を挟まずに並記された成分	それらの成分すべてが、示された順序で現れなければならない。
\|	複数個の排他的な選択肢を分離する：それらのうち、きっかり 1 個が現れなければならない。
\|\|	複数個の選択肢を分離する ― それらのうち 1 個以上が現れなければならないが、その順序は任意である。
&&	複数個の成分を分離する ― それらの成分すべてが現れなければならないが、その順序は任意である。
[…]	グループ化を表す。
成分値の量指定子
*	直前の構文単位の 0 回以上の出現を指示する。
+	直前の構文単位の 1 回以上の出現を指示する。
?	直前の構文単位が省略可能であること（すなわち 0 回または 1 回の出現）を指示する。
{`n`}	直前の構文単位の `n` 回の出現を指示する。
{`m`,`n`}	直前の構文単位の `m` 回から `n` 回までの出現を指示する。`n` は省略されてもよく（ {`m`,} ）、その場合は `m` 回以上、上限なしの出現を指示する。
#	直前の構文単位がカンマ･トークンで分離された上で 1 回以上出現することを指示する（カンマの前後に空白やコメントが現れてもよい）。これには省略可能な上述の波括弧形が後続し得る（例えば <length>#{1,4} ）。その場合、より精確な出現回数を指示する。
!	そのグループが必須であり、1 個以上の値を生産しなければならないことを指示する。すなわち、グループ内の各項は文法により個別的に省略し得るとしても、全体としては成分値をすべて省略してはならない。

画面の説明

／Windows10 Edge：

【左部】

メニュー選択と項目検索部です。

各リンクがあります。

ボタン[テ] は、テスト部の表示をオン／オフします。

メニュー選択部：HTML5、CSS3、DOM、JavaScript、SVG があります。

メニューは、その下の項目部に表示します。

その直下の項目検索部は、その下の項目部の検索を行います。

検索文字列は 1 語のみで、複数キーワードの指定はできません。
「\」の検索は「￥」（全角）でお願いします。

【右部】

様々な文書を表示します。この中の検索するにはブラウザの機能を使うしかありません。→検索

【テスト部】

画面の左上部のボタン［テ］を押すと表示されます。

テスト部内で、HTMLの記述と表示、オブジェクトや変数の内容表示、JavaScriptの実行、JavaScriptの組み込みができます。

左側の下にあるボタンは、テスト部の入力内容の読み込み、書き込み（記憶）します。これはクッキーを使用しているので、ブラウザーにより働かない場合があります。

検索

左側の検索部で、項目のリンク検索はできます。しかし、本文での検索は、ブラウザーによる機能の [Ctrl]＋[F] により検索を行うしかありません。

[Edge]の場合／Windows10

このように、「検索文字列、前後ボタン」等が出てくる、該当する候補は黄色背景になり、最初の候補はオレンジ色背景になります。

「前へ」「次へ」ボタンで該当候補を探すことができる。

検索が終わったら[Esc]キーで処理画面は解除される。

[IE11]の場合／Windows10

このように、「×　検索：…　前へ　次へ…」と出て、該当する候補は黄色背景になり、最初の候補は青色背景になる。

「前へ」「次へ」ボタンで該当候補を探すことができる。

検索が終わったら[Esc]キーで処理画面は解除される。

本文でのテスト

本文文書には、テストできるようにしてあります。

HTMLのテスト

スクリプトの組み込み

↑このように表示されます。

例えば「let a=10」として組み込んで、その後「let a=100」として組み込んでも let によるものなので a=100 は効きません。内部的にエラーになっている。その場合は、そのページを再表示させて「let a=100」を組み込んでください。

「//…」のコメントを削除して組み込む処理を入れました。

スクリプトのテスト

[リセット]ボタンで初期の入力に戻せます。

[スクリプト実行表示D]ボタンで、スクリプトを実行させ、変数 D を入力枠の下に表示させます。

D の内容表示処理には、オブジェクトの内容表示には for(○○ in □□){…} を利用しています。これで表示されない内容があります。その場合には [全てのD→DA]ボタンを利用してみてください。

[全てのD→DA]ボタンは、DA=Object.getOwnPropertyDescriptors(D) をしています。これにより、通常の for…in 文により得られなかったプロパティもなんとか取得できるようになります。そして DA を表示させてみてください。しかし、これで取得できないオブジェクトの内容があるようです。

使用できる識別子など

JavaScriptファイル「Kihonn.js」で定義しています。これに定義されていない変数は、スクリプト実行させて使用ししても、変数が残りません。よって、下部で変数の内容で表示できません。

var WObj;	//ウィンドウ オブジェクト格納用
var ErrObj;	//スクリプト実行時、エラー オブジェクト格納用
var D;	//例用データ格納用
var WinSet="titlebar=yes,menubar=yes,toolbar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes";	//別ウィンドウの表示設定
var DocPath="", DocDomain="";	//note：DocPathだけでは読めなかった。

他に、長い変数名を使用しています。

記述で、変数などは const、let を使っても後でそれで宣言した変数の内容は表示できません。なので、var か、或いは変数をそのまま記述すれば、後にその変数内容を表示できます。

他に使えそうなものでは、当文書の「GetOL()」が有ります。

GetOL()：

処理： Obj のオブジェクト、値の内容を返します。

GetOL(Obj, PF)

Obj

オブジェクト、値も可能。

PF

戻り値コード指定。

true	戻り値はテキストコードで、タグによる表現はしません。
false	戻り値はHTMLコード。初期値。

戻り値：文字列。PF =true の場合はテキストコードのみなので、ダイアログなどに表示させる事ができます。

■スタイルシート確認
○本文
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
改行
○フォントの確認
・Times New Roman_
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・Times New Roman_ italic
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・TA Gothic
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・VerdanaTA
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・Arial_
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・Pゴシック
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
・P明朝
漢字です。012ABCOabcdefghij/*\….,;:_~*|{}+<>?
○<DIV class=タイトル>