JsDom プログラミングの概要_JavaScript スキル

1. ブラウザの互換性の問題:
ブラウザの互換性の例: IE6 と IE7 は、IE8 とは異なる形で table.appendChild("tr") をサポートします。代わりに insertRow と insertCell を使用するか、テーブルに tbody を追加してから、テーブルに tbody を追加します。 tbodyにtrを追加します。 FF (FireFox) は InnerText をサポートしていません。代わりに textContent を使用してください
2. ほとんどすべての DOM 要素には、innerText 属性と innerHTML 属性 (大文字と小文字の区別に注意してください) があり、これらは要素タグと HTML ソース コード内のコンテンツのテキスト表現です。これら 2 つのプロパティは読み取りおよび書き込み可能です。
InnerHTML は、要素を動的に作成するときに createElement() を置き換えることができます。これは単純で広範なタイプであり、ユーザー自身の責任で作成されます。
document.write() のみを使用できます。ページの読み込みプロセス中に動的に作成されます。
4.
Document は window オブジェクトの属性です。ウィンドウ オブジェクトのメンバーを使用する場合は、通常は document を直接記述します。
5.history 操作履歴
window.history .back() は戻ります; window.history.forward() は進みます。また、window.history.go(-1)、window.history.go(1) を使用して
6.clipboardData オブジェクトを進め、ペーストボードを操作することもできます:
clearData("Text") でペーストボードをクリアします; getData ("Text") はペーストボードの値を読み取り、戻り値はペーストボードの内容です。 setData("Text",val) はペーストボードの値を設定します。
7.oncopy="setTimeout('modifyClipboard()',100)"。ユーザーのコピー アクションは、ペーストボードのコンテンツを変更する前に 0.1 秒後に発生します。 100ms は一般的な値であり、1000、10、50、200... と書き込むことができます。ペーストボードは oncopy で直接変更できません。 oncopy ではペーストボード上で直接操作を実行することはできないため、タイマーを設定して 0.1 秒後に実行し、oncopy の実行呼び出しスタックに存在しないようにします。
8.returnValue 属性:
returnValue 属性 (if) returnValue を false に設定すると、デフォルト イベントの処理がキャンセルされます。ハイパーリンクの onclick で href ページへのアクセスを無効にします。間違ったデータがサーバーに送信されたりページが更新されたりするのを防ぐため、フォーム検証中にサーバーにフォームを送信することは禁止されています。
//window.event.returnValue は Firefox ブラウザと互換性がありません
9.
window.event オブジェクトのメンバー:
srcElement、イベント ソース オブジェクトを取得します。いくつかのイベントはイベント応答機能を共有します。 ****_click(object sender,EventArgs e)//IE でのみサポートされます。
ボタン、イベント発生時のマウスボタン、1は左ボタン、2は右ボタン、3は同時に押された左右のボタンです。 //event.button の値をテストしたい場合は、onmousedown イベント内でテストしてください。 onclick イベントでマウスの左ボタンのクリックのみが認識される場合。
10.
window.location.href='';//新しいページに再度移動すると、値を取得するか、値を割り当てることができます。
window.location.reload(); // 現在のページを更新します
location.search: URL を取得します (? を含む)
11.
(1) onload: Web ページがロードされる ブラウザがドキュメントをダウンロードし、それを解析して実行するときにトリガーされます。JavaScript の実行時に特定の要素を操作する必要がある場合、この要素はロードされていません。本文の onload イベントに配置する必要があります。要素の後に JavaScript を配置することもできます。要素の onload イベントは要素自体が読み込まれるときにトリガーされ、本体の onload はすべての読み込みが完了したときにトリガーされます
(2) onunload: Web ページが閉じられた (または終了した) 後にトリガーされます。
(3) onbeforeunload: Web ページを閉じる (または終了する) 準備ができる前にトリガーされます。

。表示される文字列はブラウザのバージョンによって異なります。

12.
js でメソッドを呼び出すときは、
var t=add;
function add(){}
13. clientX クライアントのビジュアル インターフェイスです。
1. setInterval(code, time) メソッドは、ミリ秒ごとにコードを実行できます。
1. コードを入力する方法は 2 つあります。 transfer メソッド オブジェクトを入力します - setInterval(showTime,1000);
2. 実行する JS コード文字列を直接渡します - setInterval("alert(1);",1000); (オブジェクトの属性と値をループするために使用されます)
for in を使用して配列をループする場合、配列の属性が最初にループアウトされます
次に、配列内の要素がループされます, ただし、このときループアウトした k は要素です。 添え字
3. innerHTML
対応する二重タグの途中に文字列を追加します。
そして、文字列が HTML タグの構文に準拠している場合は、すぐに文字列を解析します。
すぐにブラウザのパーサーを呼び出し、文字列に対して HTML 解析を実行し、
対応する dom オブジェクトを生成します。最後に、追加します。 DOM オブジェクトを、追加された
オブジェクトの子要素コレクション (ChildNodes) に追加します。
15.
ShowModalDialog 関数の機能:
子ウィンドウを開き、親ウィンドウとの間でデータを転送できます。 window.open
との最大の違いは、子ウィンドウが開いた後であることです。 ShowModalDialog によって開かれた場合、親ウィンドウは操作できなくなります。
使用法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFunctions])
パラメータの説明:
sURL
必須パラメータ、タイプ: 文字列。ダイアログボックスに表示するドキュメントのURLを指定するために使用します。
vArguments
オプションのパラメーター、タイプ: バリアント。パラメータをダイアログ ボックスに渡すために使用されます。
グループなど、渡されるパラメータのタイプに制限はありません。ダイアログ ボックスは、window.dialogArguments を通じて渡されたパラメータを取得します。
sFunction
オプションのパラメータ、タイプ: 文字列。ダイアログ ボックスの外観やその他の情報を記述するために使用され、次の 1 つ以上の
をセミコロン ";" で区切って使用できます。
dialogHeight はダイアログ ボックスの高さであり、100 ピクセル以上です。IE4 では、dialogHeight
と DialogWidth のデフォルト単位は em ですが、IE5 では、ダイアログ ボックスをモーダル モードでは、単位として px を使用します。
DialogWidth: ダイアログの幅。
DialogLeft: デスクトップの左側からの距離。
DialogTop: デスクトップからの距離。
中央: {yes | no | 1 | 0}: ウィンドウが中央に配置されるかどうか、デフォルトは [yes] ですが、
の高さと幅は引き続き指定できます。
help: {yes | no | 1 | 0}: ヘルプボタンを表示するかどうか、デフォルトはyesです。
resizable: {はい | いいえ | 0} [IE5+]: サイズを変更できるかどうか。
デフォルトでは「いいえ」を受け入れます。
ステータス: {はい | いいえ | 0} [IE5]: ステータス バーを表示するかどうか。デフォルトは、はい [
モードレス] またはいいえ [モーダル] です。
scroll:{ はい | いいえ | 0 | オフ }: ダイアログ ボックスにスクロール
バーが表示されるかどうかを示します。デフォルトは「はい」です。
パラメータの受け渡し方法:
親ウィンドウは、ShowModalDialog の 2 番目のパラメータを使用して子ウィンドウにパラメータを渡すことができます。親ウィンドウが
子ウィンドウから返されたパラメータを取得したい場合は、次の方法で取得できます。 ShowModalDialog 関数の戻り値。
子ウィンドウが親ウィンドウのパラメータを取得する方法は、子ウィンドウの window オブジェクトの DialogArguments 属性を使用して
を取得することです。例:
parent.html


modal.html


子ウィンドウは、次のような window.returnValue 属性を使用して親ウィンドウにパラメータを返します。