jsページ要素のいくつかの使用法のまとめ_javascriptスキル

オブジェクトのプロパティ

document.title //HTMLのタイトルタグに相当するドキュメントのタイトルを設定します
document.bgColor //ページの背景色を設定します
document.fgColor //前景色（文字色）を設定します
document.linkColor //クリックされていないリンクの色
document.alinkColor //アクティブなリンクの色 (このリンクにフォーカスがあります)
document.vlinkColor //クリックされたリンクの色
document.URL // 同じウィンドウで別の Web ページを開くための URL 属性を設定します
document.fileCreatedDate //ファイル作成日、読み取り専用属性
document.fileModifiedDate //ファイル変更日、読み取り専用属性
document.charset //文字セットの設定（簡体字中国語）: gb2312
document.fileSize //ファイル サイズ、読み取り専用属性
document.cookie //Cookie の設定と読み取り

————————————————————————
共通オブジェクトメソッド

document.write() //ページにコンテンツを動的に書き込みます
document.createElement(Tag) //HTMLタグオブジェクトを作成します
document.getElementById(ID) //指定されたIDを持つオブジェクトを取得しますvalue
document.getElementsByName(Name) //指定された名前のオブジェクトを取得します value
document.body.appendChild(oTag)
———————————————— ———— ———

ボディ-ボディ サブオブジェクト

document.body //body>/body>に相当するドキュメント本文の開始と終了を指定します
document.body.bgColor //オブジェクト
ドキュメントの背後にある背景色を設定または取得します。 body.link / /クリックされていないリンクの色
document.body.alink //アクティブなリンクの色 (このリンクにフォーカスがあります)
document.body.vlink //クリックされたリンクの色clicked
document.body .text //テキストの色
document.body.innerText //body>.../body>の間にテキストを設定します
document.body.innerHTML //間にHTMLコードを設定しますbody>.../body>
document.body.topMargin //ページの上マージン
document.body.leftMargin //ページの左マージン
document.body.rightMargin //ページの右マージン
document.body.bottomMargin //ページの下余白 Distance
document.body.background //背景画像
document.body.appendChild(oTag) //HTML オブジェクトを動的に生成

共通オブジェクト イベント

document.body.onclick=”func()” //マウスポインターがオブジェクトをクリックするとトリガーされます
document.body.onmouseover=”func()” //マウスポインターがオブジェクトに移動するとトリガーされます
document .body.onmouseout=”func()” //マウスポインターがオブジェクトの外に移動するとトリガーされます
—————————————————————— —
場所-場所サブオブジェクト

document.location.hash // #
document.location.host // ドメイン名 ポート番号 // ホスト名 localhost は返されるようですが、ポート番号は返されません
document .location.hostname // ドメイン名
document.location.href // 完全な URL
document.location.pathname // ディレクトリ部分
document.location.port // ポート番号
document.location .protocol // ネットワークプロトコル (http:)
document.location.search // ?
documenty.location.reload() 以降の部分 // Web ページを更新します
document.location.reload(URL ) //新しい Web ページを開きます
document.location.assign(URL) //新しい Web ページを開きます
document.location.replace(URL) //新しい Web ページを開きます
—— ————————— ———————————
selection-selection サブオブジェクト
document.selection

例:

コードをコピー コードは次のとおりです:

< ;div>ここでテキストの一部を選択してください。

createRange 選択メソッド

document.selection.createRange() は、現在のテキスト選択に基づいて TextRange オブジェクトを返すか、コントロールの選択に基づいて ControlRange オブジェクトを返します。

execCommand を使用すると、テキストの太字、斜体、コピー、貼り付け、ハイパーリンクの作成など、HTML エディターで非常に便利です。

これらは IE でのみ可能のようです。 。

——————————————————————

画像コレクション (ページ上の画像)

a) コレクションによる参照
document.images //ページ上の img タグに対応
document.images.length //ページ上の img タグの数に対応
document.images [0] //1 番目の img タグ
document.images[i] //i-1 番目の img タグ

b) name 属性
document.images.oImage //document.images.name 属性
を通じて

img name="oImage" を直接参照します。

c) 画像の src 属性を参照します
document.images.oImage.src //document.images.nameattribute.src

d) 画像を作成します
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同時に img / on を作成しますページに対応したタグを表示できます

————————————————————————-

フォーム コレクション (ページ上のフォーム)

a) コレクションによる参照
document.forms //ページの form タグに対応
document.forms.length //ページの /formform タグの数に対応
document。 Forms[0] //1st/formform タグ
document.forms[i] //i-1st/formform タグ
document.forms[i].length //i-1st/formform のコントロール番号
document.forms[i].elements[j] //formform

の i-1st/j-1st コントロール

b) ラベル名を通じて
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.form name.control を直接参照します。属性名

c) フォームのプロパティにアクセスします
document.forms[i].name //フォーム名>プロパティに対応
document.forms[i].action //フォームフォームアクション>プロパティに対応
document .forms[i].encoding ///formform enctype>property に対応
document.forms[i].target ///formform target>property に対応

document.forms[i].appendChild(oTag) // コントロールを動的に挿入
document.all.oDiv // 参照レイヤー oDiv
document.all.oDiv.style.display=”” / /レイヤーは表示されるように設定されます
document.all.oDiv.style.display=”none” //レイヤーは非表示に設定されます
document.getElementId(”oDiv”) //オブジェクトは以下を通じて参照されますgetElementId
document.getElementId("oDiv").
document.getElementId("oDiv").display="none"
/*document.all は、 document
のみ ie この属性はサポートされているため、ブラウザのタイプを決定するためにも使用されます*/

レイヤーオブジェクトの 4 つのプロパティ
document.getElementById("ID").innerText //動的出力テキスト
document.getElementById("ID").innerHTML //HTML の動的出力
document .getElementById("ID").outerText //innerText
と同じdocument.getElementById("ID").outerHTML //innerHTML

と同じ