JS-ステップ(対象、BOM、DOM、イベント)

3994 ワード
ウェブデザイン
  • 認識対象:JavaScriptの「すべての対象」、文字、数値、関数、配列などが対象です.JavaScriptは、カスタムオブジェクトと内蔵オブジェクトを提供します.
  • 現実世界の物事はすべて対象をすることができます.
  • 属性と方法
  • 属性:メンバー変数、オブジェクトの状態を表す
  • 方法:対象の行為です.
  • 作成と削除
  • は、newキーワードでオブジェクトを作成し、変数に値を与えます.オブジェクトにアクセスできるようにする属性と方法
  • 削除:deleteキーワードは、オブジェクトと属性方法との間の連絡を切断する.操作できないようにする(trueとfalseに戻す)
  • 内蔵オブジェクト:JavaScriptは多くの内蔵オブジェクトを提供しており、直接的に実装して呼び出しを行うことができます.Math、String、Dateなど.
  • Dateオブジェクト:日付と時間を取得するために使用されます.
  • toLocale String():Dateオブジェクトを文字列
    • に変換する.
  • get Hours()、get Minutes()、get Seconds():取得時分秒
  • get Milliseconds():ミリ秒
    • を取得する.
  • Mathオブジェクト:いくつかの数学関数
  • ランドム():0~1間の乱数
    • を取得する.
  • round(x):四捨五入の整理
  • sqrt(x):xの平方根
  • Stringオブジェクト:操作文字列
  • スプリット(文字列、セパレータ):配列
    • に分割されます.
  • length:文字列の長さを取得する
  • search(substr):検索サブストリング
  • charAt(index):インデックスの値
    • を返します.
  • Aray配列:様々なタイプのデータを保存し、一般的にバッチ動作を行う.
  • 名[key]=valueは
    • を賦課します.
  • よく使われるlengthおよびtoString()方法
  • 二次元配列:配列中の配列.配列内の各インデックスは、新しい配列です.
  • BOM:ブラウザを操作するための挙動と特徴.windowはブラウザのウィンドウで、全体のBOMの核心の
    • です.
  • window
  • ナビゲート:ブラウザプログラム
  • screen:スクリーン
  • location
  • history
  • document
  • windowオブジェクトはブラウザウィンドウ全体を表し、ブラウザウィンドウのサイズ、位置、タイマーなどを設定する.
  • screenオブジェクトは、ユーザコンピュータの画面情報、例えば、画面解像度、カラービット数などを取得するために使用される.
  • locationオブジェクトは、現在のウェブページのURLアドレスを取得し、設定するために使用される.
  • historyオブジェクトは、主にページの前進と後退に使用される(以前は履歴に関して使用されていたが、プライバシーのために許可されていない)
    • .
  • documentオブジェクトは、ページドキュメントを処理するために使用され、オブジェクトを介してドキュメント内のすべての要素にアクセスできます.
  • DOM:ドキュメントを表すアプリケーションインターフェースと、ドキュメントの内容、構造、スタイルを動的にアクセスし、更新するために使用することができます.
  • アクセスノード:DOMの各ノードはいずれもオブジェクトである.いくつかの属性と方法があります.JavaScriptは、ノードの属性および方法を使用することにより、指定された要素および関連する要素にアクセスし、ドキュメント内の各要素を得ることができる.
  • アクセス指定要素:
  • getElementById():指定された要素のオブジェクト参照
    • を取得する.
  • getElementByTagId():指定されたラベルを得る要素オブジェクトセット
  • アクセス関連要素
  • children:シーケンスで得られたようなサブ要素リストにアクセスできます.
  • parent Node
  • childNodes:要素ノードのサブノード配列
  • firstChild
  • lastChild
  • previous Sibling:前の兄弟ノード
  • nextSibling
  • 要素オブジェクトの一般的な動作
  • 作成ノード
  • createElement
  • createText Node
  • ノード動作
  • apped
  • RemovChild
  • insertBefore
  • 要素属性とコンテンツ操作
  • innerHTML
  • クラスName:設定と取得クラス
  • style
    • イベント:ユーザがページにアクセスした時に実行する操作イベントの処理は、一般的に3ステップに分けられます.発生、起動処理プログラム、処理プログラムに反応します.イベント起動:JavaScriptで呼び出し、htmlでマウスイベントキーボードイベントフォーム(フォーカス)イベントページイベントを呼び出します.
    HTMLイベントはHTML要素上で発生したもので、ブラウザ行為であっても良いし、ユーザー行為であってもいいです.時間が発生した時に何かをすることができます.HTMLページの読み込み完了時にHTML inputフィールドの変更時にHTMLボタンをクリックします.
    <some-HTML-element some-event="JavaScript   ">
//    ，    ，     
<button onclick="getElementById('demo').innerHTML=Date()">      ?button>
<button onclick="displayDate()">      ?button>
<button onclick="this.innerHTML=Date()">      ?button>
       JavaScript   ，   JavaScript   ，           
    //   HTML  
onchange    HTML     
onclick      HTML   
onmouseover      HTML       
onmouseout       HTML       
onkeydown           
onload
    javascript関数定義式