ホームページ > 記事 > ウェブフロントエンド > Javascriptの基礎知識(3) BOM、DOMまとめ_基礎知識
ウィンドウオブジェクト:
ウィンドウの開閉:
window.open()
3 つのパラメータ: 1. 新しいウィンドウをロードするページの URL
2. 新しいウィンドウの名前
3. 現在ロードされているページのブール値を新しくロードされたページに置き換えるかどうかの特性文字列と説明。
window.close()
システムダイアログ:
1.alert("hello world!");
2.confirm("よろしいですか?");---
を選択します3.prompt("あなたの名前は何ですか?","");
時間間隔
setTimeout("alert('hello world!')",3000) は hello world を 3 秒に 1 回だけ実行します
クリーンタイムアウト
setInterval("alert('hello world')".3000) は 3 秒ごとに実行されます
クリーンインターバル
歴史
window.history.go(-1) 前のページに戻ります
window.history.back 前のページに戻ります
window.history.go(1) 1 ページ進みます
window.history.forward 1 ページ進みます
window.history.length は履歴のページ数をクエリします
ドキュメントオブジェクト:
document.links[0]アクセスリンク
document.images[0] または document.images["imgHome"] 画像へのアクセス
document.forms[0] または document.forms["frmSubscribe"] アクセス フォーム
位置オブジェクト
href: 現在ロードされているページの完全な URL
DOM で最も重要なノード:
1.要素ノード (Element);
2. 属性ノード (属性);
3. テキスト ノード (テキスト);
4. コメントノード (コメント);
すべてのタイプのノードに共通のメソッド:
検索:
nodeName: ノード名
nodeValue: ノードの値 (主にテキスト ノードの場合、要素ノードの場合は null を返します)
nodeType: ノードのタイプ
firstChild: 長男****
最後の子供: 次男****
childNodes: すべての子ノード***** (2 つのメソッド)////
previousSibling: 前の兄弟ノード (sibling**) を指します。
nextSibling: 次の兄弟ノード (兄弟**) を指します。操作:
属性: 要素の特性を表す Attr オブジェクトが含まれます。要素ノードにのみ使用されます
appendChild: 最後に新しいノードを追加します
removeChild: ノードを削除します
replaceChild:replace
insertBefore:...の前にノードを追加します
作成者:
createElement: 要素ノードを作成します
createTextNode: テキスト ノードを作成します
クローン:
cloneNode: ノードをコピーします true (深いコピー) false (浅いコピー)
指定されたノードにアクセスします:
getElementById: 指定された ID を検索します。
getElementsByTagName: 指定された要素の型を (配列形式で) 検索します。
getElementsName: 指定された要素の名前を検索します。
属性の検索、変更、設定:
getArrtibute: 属性検索
setArrtibute: 属性の変更 例: setArribute(class, red) 最初のパラメータはクラスを変更し、2 番目のパラメータは red に設定されます。
removeAttibute: 属性を削除します。テキストの値を上書きして追加します:
innerHTML