JavaScriptブラウザ
3223 ワード
1.ブラウザオブジェクト
windowオブジェクトは、オブジェクトがグローバルスコープとしてだけでなく、ブラウザウィンドウを表します.windowオブジェクトはinnner Widthとinner Height属性があり、ブラウザウィンドウの内部幅と高さを取得することができます.内部の幅の高さとは、メニューバー、ツールバー、枠などのビット要素を除いて、ウェブページの幅の高さを表示することです.また、対応するouterWidthとouterHeightは、ブラウザウィンドウの全幅の高さを取得するために使用されます.
navigatorの対象は、一般的なnavigatorの属性があります.
navigator.appName()ブラウザ名
navigator.ap Version()ブラウザのバージョン
navigator.langageブラウザ設定の言語
navigator.plotform;オペレーティングシステムの種類
navigator.userAgent;ブラウザで設定したUser-Agent文字列
screenオブジェクトは、画面情報を表します.
locationオブジェクトは、現在のページのURL情報を表します.location.hrefで取得できます.新しいページをロードして、location.assign(''')を使って、現在のページを再読み込みできます.location.reload().
documentオブジェクトとは、現在のページを指し、documentオブジェクトはDOMツリー全体のルートノードである.documentのtitle属性はHTMLページから読み取られ、動的に変更できます.例:document.title=';documentオブジェクトから提供されるgetElement ById()hとgetElement ByTagName()は、IDでDOMノードを取得し、Tag名でDOMノードのセットを得ることができる.documentにはクッキー属性があり、現在のページのクッキーが得られます.サーバー側にhttpOnlyを設置したクッキーはJavaScriptに読み込まれません.安全を保証するために、ブラウザ側は常にhttpOnlyを設定してください.
historyオブジェクトは、ブラウザの履歴を保存し、よく使われるのはhistory.forward()とhistory.back()です.ウェブデザインでログインした後、history.back()がログイン前のインターフェースに戻ります.これは間違ったやり方で、リダイレクトすべきです.
2.操作フォーム
HTMLのフォーム入力コントロールは主に、テキストボックス、パスワードボックス、単一選択ボックス、チェックボックス、プルダウンボックス、および隠しテキストがあります.値を取得する時、私たちはinputノードの参照を得たら、valueを直接呼び出して対応するユーザー入力値を得ることができます.この方式はtext、password、hidden、selectの値を得ることができますが、radioとcheckboxについては、checkdで「チェックしました」かどうか判断するべきです.
3.操作ファイル
HTMLフォームでは、ファイルをアップロードできる唯一のコントロールは、フォームが含まれている場合、フォームのenctypeはmultiipad/form-dataとして指定しなければなりません.methodは必ずpostであり、ブラウザは正しいコードでフォームデータを送ることができます.
通常はファイルをアップロードする時、JavaScriptはファイルの拡張子をチェックして、アップロードが無効なファイルを防止します.
JavaScriptの重要な特性は、単一スレッド実行モードであり、いつでも、JavaScriptコードが同時に複数のスレッドで実行されることはあり得ない.JavaScriptでは、マルチタスクを実行するには、実際には非同期の呼び出しですので、いつ上の非同期の操作が完了するか分かりません.そのため、私たちはコールバック関数を設定する必要があります.JavaScriptエンジンが自動的にコールバック関数を起動します.
4.AJAX
AJAX——Aynchronous JavaScript and XML、すなわちJavaScriptが非同期ネットワーク要求を実行します.フォームのsubmitボタンをクリックすると、ブラウザはページを更新して、新しいページで成功しますか?それとも失敗しましたか?もしネットの速度が遅すぎるなら、404を得ることができます.
AJAX要求は非同期的に実行され、コールバック関数で応答が得られます.現在のブラウザでは、AJAXは主にXMLHttpRequestのオブジェクトに依存しています.低いバージョンのIEはActiveXObjectオブジェクトを使用する必要がある.標準的な書き方とIEの書き方を混在させる:
XMLHttpRequestオブジェクトを作成した後、まずオンリーadystatechangeのコールバック関数を設定します.コールバック関数では、readyState==4判定要求が完了したかどうかだけ判断します.完了したら、status==200によって成功した応答かどうかを判断します.
XMLHttpRequestのopen方法は三つの参があり、get/post方法参、ルート参、三つ目の指定は非同期を使用するかどうか、デフォルトはtrueです.最後にsendメソッドを呼び出してこそ、本当に要求を送信します.
JavaScriptのAJAXは要求を送信する時、ブラウザのソースポリシーを遵守します.urlのドメイン名、プロトコル、ポート番号(ブラウザによっては違ってもいいです.)は現在のページと一致していなければなりません.
5.CORS
HTML 5のブラウザのクロスドメインポリシーをサポートします.CORS-Crossing-Origin Resource Sharing.この方式では、ドメインをまたぐことが成功するかどうかは、相手のサーバーが正しいAccess-Coontrol-Ollow-Originの応答ヘッダを設定してくれるかどうかにかかっています.このようなドメイン間の要求は「簡単な要求」と呼ばれ、簡単な要求はGET、HEAD、POSTを含み、POSTのConteet-Typeには制限があります.
windowオブジェクトは、オブジェクトがグローバルスコープとしてだけでなく、ブラウザウィンドウを表します.windowオブジェクトはinnner Widthとinner Height属性があり、ブラウザウィンドウの内部幅と高さを取得することができます.内部の幅の高さとは、メニューバー、ツールバー、枠などのビット要素を除いて、ウェブページの幅の高さを表示することです.また、対応するouterWidthとouterHeightは、ブラウザウィンドウの全幅の高さを取得するために使用されます.
navigatorの対象は、一般的なnavigatorの属性があります.
navigator.appName()ブラウザ名
navigator.ap Version()ブラウザのバージョン
navigator.langageブラウザ設定の言語
navigator.plotform;オペレーティングシステムの種類
navigator.userAgent;ブラウザで設定したUser-Agent文字列
screenオブジェクトは、画面情報を表します.
locationオブジェクトは、現在のページのURL情報を表します.location.hrefで取得できます.新しいページをロードして、location.assign(''')を使って、現在のページを再読み込みできます.location.reload().
documentオブジェクトとは、現在のページを指し、documentオブジェクトはDOMツリー全体のルートノードである.documentのtitle属性はHTMLページから読み取られ、動的に変更できます.例:document.title=';documentオブジェクトから提供されるgetElement ById()hとgetElement ByTagName()は、IDでDOMノードを取得し、Tag名でDOMノードのセットを得ることができる.documentにはクッキー属性があり、現在のページのクッキーが得られます.サーバー側にhttpOnlyを設置したクッキーはJavaScriptに読み込まれません.安全を保証するために、ブラウザ側は常にhttpOnlyを設定してください.
historyオブジェクトは、ブラウザの履歴を保存し、よく使われるのはhistory.forward()とhistory.back()です.ウェブデザインでログインした後、history.back()がログイン前のインターフェースに戻ります.これは間違ったやり方で、リダイレクトすべきです.
2.操作フォーム
HTMLのフォーム入力コントロールは主に、テキストボックス、パスワードボックス、単一選択ボックス、チェックボックス、プルダウンボックス、および隠しテキストがあります.値を取得する時、私たちはinputノードの参照を得たら、valueを直接呼び出して対応するユーザー入力値を得ることができます.この方式はtext、password、hidden、selectの値を得ることができますが、radioとcheckboxについては、checkdで「チェックしました」かどうか判断するべきです.
3.操作ファイル
HTMLフォームでは、ファイルをアップロードできる唯一のコントロールは、フォームが含まれている場合、フォームのenctypeはmultiipad/form-dataとして指定しなければなりません.methodは必ずpostであり、ブラウザは正しいコードでフォームデータを送ることができます.
通常はファイルをアップロードする時、JavaScriptはファイルの拡張子をチェックして、アップロードが無効なファイルを防止します.
JavaScriptの重要な特性は、単一スレッド実行モードであり、いつでも、JavaScriptコードが同時に複数のスレッドで実行されることはあり得ない.JavaScriptでは、マルチタスクを実行するには、実際には非同期の呼び出しですので、いつ上の非同期の操作が完了するか分かりません.そのため、私たちはコールバック関数を設定する必要があります.JavaScriptエンジンが自動的にコールバック関数を起動します.
4.AJAX
AJAX——Aynchronous JavaScript and XML、すなわちJavaScriptが非同期ネットワーク要求を実行します.フォームのsubmitボタンをクリックすると、ブラウザはページを更新して、新しいページで成功しますか?それとも失敗しましたか?もしネットの速度が遅すぎるなら、404を得ることができます.
AJAX要求は非同期的に実行され、コールバック関数で応答が得られます.現在のブラウザでは、AJAXは主にXMLHttpRequestのオブジェクトに依存しています.低いバージョンのIEはActiveXObjectオブジェクトを使用する必要がある.標準的な書き方とIEの書き方を混在させる:
var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else{
request = new ActiveXObject('Microsoft'.XMLHTTP);
}
windowオブジェクトを通じて、ブラウザが標準のXMLtpRequestオブジェクトをサポートしているかどうかを検出します.ブラウザのnavigator.userAgentによって、ブラウザがJavaScriptの特性をサポートしているかどうかを検出しないように注意してください.XMLHttpRequestオブジェクトを作成した後、まずオンリーadystatechangeのコールバック関数を設定します.コールバック関数では、readyState==4判定要求が完了したかどうかだけ判断します.完了したら、status==200によって成功した応答かどうかを判断します.
XMLHttpRequestのopen方法は三つの参があり、get/post方法参、ルート参、三つ目の指定は非同期を使用するかどうか、デフォルトはtrueです.最後にsendメソッドを呼び出してこそ、本当に要求を送信します.
JavaScriptのAJAXは要求を送信する時、ブラウザのソースポリシーを遵守します.urlのドメイン名、プロトコル、ポート番号(ブラウザによっては違ってもいいです.)は現在のページと一致していなければなりません.
5.CORS
HTML 5のブラウザのクロスドメインポリシーをサポートします.CORS-Crossing-Origin Resource Sharing.この方式では、ドメインをまたぐことが成功するかどうかは、相手のサーバーが正しいAccess-Coontrol-Ollow-Originの応答ヘッダを設定してくれるかどうかにかかっています.このようなドメイン間の要求は「簡単な要求」と呼ばれ、簡単な要求はGET、HEAD、POSTを含み、POSTのConteet-Typeには制限があります.