JavaScript--DHTML

DHTMLは、ページをブラウザに読み込み、動的にページを変更します.event.type属性はイベント名文字列を返し、時間名はonプレフィックスを付けません.event.srcerementは、現在のイベントを受け入れるhtml要素を返し、イベントをトリガするコントロール参照としても理解されます.以下のようにsrcellementはコントロールの参照です。a href="s.httm"onclick="alert"Click me
targetが非IEブラウザに使用されるのは、srcellmentに相当する.
ブラウザでイベントコントラスト:Ieは現在トリガされているイベントを追跡するグローバルオブジェクトイベントを持っています.IEブラウザではなく、イベントオブジェクトをパラメータとしてイベントプロセッサに渡す必要があります.

//IE   ：
<img src="x.gif" onmouseover= "image_eventHandler()">
function image_eventHandler()
{
	var eventType = window.event.type;
	if (evnetType == "mouseover")
	{ alert("hello");}
}
// IE   ：
<img src="x.gif" onmouseover= "image_eventHandler(event)">
function image_eventHandler(evt)
{
	var eventType = evt.type;
	if (evnetType == "mouseover")
	{ alert("hello");}
}

どのようにイベントを処理関数に関連付けるのですか?
1:まずhtmlマークの中で、私たちはもう分かりました. 

2:私達はjsの中でどのように関連を設定しますか?まずは関数を定義してイメージします.eventHandler()、そして私達は
document.image[0].onmouseover=image_eventHandler;//イメージコントロールが最初であると仮定します.
document.image[0].onmouseover=image_eventHandler/wrongは、jsに関連付けを設定した場合、対応するイベント処理関数にパラメータを送ることができません.
CSS
スタイルを定義し、ウェブページ全体にスタイルを適用します.これは主に3つのモードがあります.1:html要素のためにスタイルを定義します.例えば、「p」要素、「form」要素など2:スタイルクラスを作成します.要素を定義するタグの中で、クラスの名前にするだけでいいです.3:ある要素のために単独でスタイルを定義します.4:idマッチ、HTMLの中の元素のidは必ず嗳号の後の文字列名に等しくなければなりません.

  1，   p      ，            ，       ，       。
<style>
	p{
	  font-family: arial;
	  font-size:   10pt;
	  color:       blue;
	 }
</style>
  2,  CSS  ，    html  。              ；    js         ，   owndiv.className = "heading1";
<style>
	.heading1 {
		font-size: 24pt;
		color    : orange;
	}
</style> 
  3，  html   style  ，      html       。
<p style = " font-style: italic; color:green"> hello </p>
  4，  id  #         
<style>
	#divAdvert{
	  background-color: gray;
	}
</style>

フォントの設定を容易にするために、CSSはfont属性を提供しています.対応は以下の通りです.
font-style font-weight font-size font-family;
表示と非表示
例えば、マウスがリンク上に移動するか、またはフォーム要素の下で関連情報ボックスが表示されます.
visibility:hidden.欠点は、それは表示されませんが、まだスペースを占めています.
display:none;これを文書の流れから取り除くことができます.痕跡を残さないでください.
display:block;ブラウザにこの要素を「ブロックレベル要素」で表示するように伝えます.
display:inline;「行のレイアウト」形式で表示
位置
キー属性leftとtop属性
絶対位置決め(absolute positiong)
相対位置決め(relative positioning)
＜p style=「left:50%;top:50%」＞my paragraph

pの左上隅は、ブラウザウィンドウの中心に位置しています.
DOM(Document Object Model)ドキュメントのオブジェクトモデルは、HTMLドキュメントを階層構造のツリーに解析しています.ドキュメントツリーにナビゲーションして、ブランチや木の葉を確認します.
DHTMLを使用して、様々なアニメーション効果を作成できます.この元素または画像にフェードアウト効果を実現できます.または消去効果のあるアニメーションを実現したり、ページ上で要素を移動させるアニメーションを作成したりします.
1:開始状態
2:目標位置への移動
3:終了状態、アニメーション停止
まずスタート位置を決めます.これは非常に重要です.そして位置を変えて彼を移動させます.終点までアニメーションの終了を表します.
offset Top/offset Left属性は、親要素に対する相対的な位置ずれ量を返します.彼らは数値のタイプを返します.
タイマー
setTimeout(logic,time)は、最初に実行するロジックであり、timeはミリ秒単位で関数全体を整数に戻し、このタイマーを識別する.clearTimeout(i)は、タイマをクリアし、iはsetTimeoutで返されるタイマ整数の識別情報である.set Timeout 2番目のこれは時間間隔であり、タイミングトリガであり、時間ではなく、一回トリガする.clear Interval(TimerId)