【JavaScript】DOMプログラミング-DTMLとWindowsオブジェクト
3848 ワード
A.DHTMLとは
javascriptはブラウザで実行しています.加減乗除だけでは演算結果を計算できません.
ブラウザに表示されたり、ユーザーとのインタラクティブ操作ができないと、彼は存在意義を失ってしまう.
プログラムで作成されたオブジェクトは、現実世界の有行または無形のものを記述するために使用されます.
javascriptは、ブラウザ自体、ウェブページのドキュメント、およびウェブページのドキュメント内のHTML要素などを含んでいます.
これらのオブジェクトとオブジェクトの間の階層をそれぞれの内蔵オブジェクトで表します.
DOM(Dcument Object Model,ドキュメントオブジェクトプログラミング).
ユーザがマウスまたはボタンでブラウザウィンドウまたはウェブ要素上で実行する操作は、DOM
対象としてはイベント(Event)と言います.例えば、ユーザーがマウスでページの上の
あるボタンで、このボタンの上でマウスクリックイベントが発生しました.ボタンは「イベントソース」です.
プログラムコードがあるイベントソースに関連している場合、イベントソースは
でこのイベントが発生すると、ブラウザが自動的に関連するプログラムコードを実行し、それによって引き起こされます.
一連のプログラム動作は、このプロセスをイベント駆動(Event Driver)と呼びます.事件に対して
処理を行うプログラムや関数は、イベントハンドラ(Event Handler)と呼ばれ、完了します.
事件に対してそれなりの動作をする.
CSS(カスケード仕様表)、スクリプトプログラミング言語とDOMの組み合わせで、HTMLドキュメントとユーザー
相互性と動的変換性を持ち、これらの3つの技術の単一はDHTML(Dynamic HTML)と呼ばれ、
ダイナミックHTML)
B.windowsオブジェクトについて
1.windowオブジェクト
windowオブジェクトはブラウザの全ウィンドウを代表しています.プログラムスタッフはwindowオブジェクトを利用してブラウザウィンドウをコントロールできます.
ステータスバーのテキスト、ポップアップダイアログ、移動ウィンドウの位置など、各方向を変更します.
windowオブジェクトの属性と方法に対する引用は、「window.」というプレフィックスを省略することができます.
window.alert(こんにちは)は直接alertと書くことができます.
2.windowオブジェクト-方法
(a)alert()方法:一つのダイアログを弾いて、参加があれば参考にしてください.
(b)confirm()方法:「OK」と「cancel」ボタンを持つダイアログを表示し、
ユーザーはボタンによって選択し、更に戻り値(trueとfalse)があります.プログラミング担当者は戻り値に応じて返します.
回のパラメータに応じた操作を行います.
テストコード:
ユーザー入力の内容を返します.入力値を設定できます.
テスト:
入力25が確定すると、25が返されます.
(d)navigate方法:現在のウィンドウを新しいURLリソースにナビゲーションするためのものです.
(e)set Interval方法:ブラウザを設定すると、どれぐらいの時間ごとに定期的に調整されますか?
内部に設定されたコードで、設定時間はミリ秒単位です.
(f)setTimeout方法:ブラウザを設定してどれぐらいの時間が経ったら実行しますか?
指定されたコードで、設定時間はミリ秒単位です.
(g)clear Interval方法:前に呼び出したset Intervalをキャンセルする.
メソッドの設定効果は、clear Intervalメソッドに渡すパラメータが必要です.
彼がキャンセルするsetIntervalの方法の戻り値です.
(h)clearTimeout方法:前に呼び出したsetTimeoutをキャンセルする.
メソッドの設定効果は、clearTimeoutメソッドに渡すパラメータが必要です.
彼がキャンセルするsetTimeoutの方法の戻り値です.
(イ)moveTo方法:ブラウザウィンドウを画面上のある位置(左上隅)に移動する.
(j)レスゼット:ブラウザウィンドウのサイズを変更する
(k)open方法:新しいウィンドウを開くためには、openにurlパラメータを与えなければならない.
ウィンドウの名前とウィンドウの特性によってジャンプできます.
(l)show ModalDialog方法:モーダルダイアログウィンドウを作成するためのダイアログ
ウィンドウのサイズを変更できないのが特徴です.ナビゲーションバーやメニューバーなどのグラフィック要素がありません.
ユーザーはモダリティトークボックスを閉じてからウェブページに戻って操作する必要があります.
(m)show ModelessDialog:モダリティではない対話ウィンドウを生成し、ユーザは必要ない.
ウィンドウを閉じなければ操作できません.
各種テスト:
1.openテスト:
information.
転載は出典を明記してください.http://blog.csdn.net/acmman/article/details/43924347
javascriptはブラウザで実行しています.加減乗除だけでは演算結果を計算できません.
ブラウザに表示されたり、ユーザーとのインタラクティブ操作ができないと、彼は存在意義を失ってしまう.
プログラムで作成されたオブジェクトは、現実世界の有行または無形のものを記述するために使用されます.
javascriptは、ブラウザ自体、ウェブページのドキュメント、およびウェブページのドキュメント内のHTML要素などを含んでいます.
これらのオブジェクトとオブジェクトの間の階層をそれぞれの内蔵オブジェクトで表します.
DOM(Dcument Object Model,ドキュメントオブジェクトプログラミング).
ユーザがマウスまたはボタンでブラウザウィンドウまたはウェブ要素上で実行する操作は、DOM
対象としてはイベント(Event)と言います.例えば、ユーザーがマウスでページの上の
あるボタンで、このボタンの上でマウスクリックイベントが発生しました.ボタンは「イベントソース」です.
プログラムコードがあるイベントソースに関連している場合、イベントソースは
でこのイベントが発生すると、ブラウザが自動的に関連するプログラムコードを実行し、それによって引き起こされます.
一連のプログラム動作は、このプロセスをイベント駆動(Event Driver)と呼びます.事件に対して
処理を行うプログラムや関数は、イベントハンドラ(Event Handler)と呼ばれ、完了します.
事件に対してそれなりの動作をする.
CSS(カスケード仕様表)、スクリプトプログラミング言語とDOMの組み合わせで、HTMLドキュメントとユーザー
相互性と動的変換性を持ち、これらの3つの技術の単一はDHTML(Dynamic HTML)と呼ばれ、
ダイナミックHTML)
B.windowsオブジェクトについて
1.windowオブジェクト
windowオブジェクトはブラウザの全ウィンドウを代表しています.プログラムスタッフはwindowオブジェクトを利用してブラウザウィンドウをコントロールできます.
ステータスバーのテキスト、ポップアップダイアログ、移動ウィンドウの位置など、各方向を変更します.
windowオブジェクトの属性と方法に対する引用は、「window.」というプレフィックスを省略することができます.
window.alert(こんにちは)は直接alertと書くことができます.
2.windowオブジェクト-方法
(a)alert()方法:一つのダイアログを弾いて、参加があれば参考にしてください.
(b)confirm()方法:「OK」と「cancel」ボタンを持つダイアログを表示し、
ユーザーはボタンによって選択し、更に戻り値(trueとfalse)があります.プログラミング担当者は戻り値に応じて返します.
回のパラメータに応じた操作を行います.
テストコード:
<html>
<script language="javascript">
if(window.confirm(" ?"))
{
window.alert(" ");
}else{
window.alert(" ");
}
</script>
<h1>abcd</h1>
</html>
(c)prompt方法:ユーザが情報を入力できるダイアログを表示するために、ユーザー入力の内容を返します.入力値を設定できます.
テスト:
<html>
<script language="javascript">
alert(prompt(" ","18"));
</script>
<h1>abcd</h1>
</html>
には入力できるダイアログがあります.ダイアログでは標準は18です.入力25が確定すると、25が返されます.
(d)navigate方法:現在のウィンドウを新しいURLリソースにナビゲーションするためのものです.
(e)set Interval方法:ブラウザを設定すると、どれぐらいの時間ごとに定期的に調整されますか?
内部に設定されたコードで、設定時間はミリ秒単位です.
(f)setTimeout方法:ブラウザを設定してどれぐらいの時間が経ったら実行しますか?
指定されたコードで、設定時間はミリ秒単位です.
(g)clear Interval方法:前に呼び出したset Intervalをキャンセルする.
メソッドの設定効果は、clear Intervalメソッドに渡すパラメータが必要です.
彼がキャンセルするsetIntervalの方法の戻り値です.
(h)clearTimeout方法:前に呼び出したsetTimeoutをキャンセルする.
メソッドの設定効果は、clearTimeoutメソッドに渡すパラメータが必要です.
彼がキャンセルするsetTimeoutの方法の戻り値です.
(イ)moveTo方法:ブラウザウィンドウを画面上のある位置(左上隅)に移動する.
(j)レスゼット:ブラウザウィンドウのサイズを変更する
(k)open方法:新しいウィンドウを開くためには、openにurlパラメータを与えなければならない.
ウィンドウの名前とウィンドウの特性によってジャンプできます.
(l)show ModalDialog方法:モーダルダイアログウィンドウを作成するためのダイアログ
ウィンドウのサイズを変更できないのが特徴です.ナビゲーションバーやメニューバーなどのグラフィック要素がありません.
ユーザーはモダリティトークボックスを閉じてからウェブページに戻って操作する必要があります.
(m)show ModelessDialog:モダリティではない対話ウィンドウを生成し、ユーザは必要ない.
ウィンドウを閉じなければ操作できません.
各種テスト:
1.openテスト:
<script>
window.open("information.html","_blank",
"top=0,left=0,width=200,height=200,toolbar=no");
// fullscreen=yes,toolbar=no,titlebar=no
//
</script>
information.<script language="javascript">
window.setTimeout("window.close()",5000);
</script>
<body>
<center><h1> </h1></center>
5 , !
</body>
2.ウェブページが徐々に増加する効果を実現するinformation.
<script language="javascript">
window.setTimeout("window.close()",5000);
window.setInterval("grow()",100);
function grow()
{
window.resizeBy(5,5);
}
</script>
<body>
<center><h1> </h1></center>
5 , !
</body>
転載は出典を明記してください.http://blog.csdn.net/acmman/article/details/43924347