ホームページ  >  記事  >  ウェブフロントエンド  >  Javascriptの基礎知識(3) BOM、DOMまとめ_基礎知識

Javascriptの基礎知識(3) BOM、DOMまとめ_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:34:541339ブラウズ

ウィンドウオブジェクト:

ウィンドウの開閉:

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。