Webブラウザのオブジェクト
オブジェクトの階層構造
- Webブラウザ上の主なオブジェクトには、windowオブジェクトを頂点とする階層構造があります
navigatorオブジェクト
- 個々のウィンドウに依存しないオブジェクト
- 「for〜in文」を利用して、プロパティ一覧を表示する
navigator . プロパティ名
navigator [ 'プロパティ名' ]
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>navigatorオブジェクト</title> </head> <body> <script> for (var prop in navigator) { document.write('<p>', prop, ':', navigator[prop], '</p>'); } </script> </body> </html>
platformプロパティ
- OSの情報を保持しています
OSによってメッセージを変更する
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>navigatorオブジェクト</title> </head> <body> <script> var platform = navigator.platform; if (platform.indexOf('Mac') >= 0 ) { document.write('<h1>こんにちはMacユーザーさん</h1>'); } else if (platform.indexOf('Win') >= 0 ) { document.write('<h1>こんにちはWinユーザーさん</h1>'); } else { document.write('<h1>こんにちはその他OSのユーザーさん</h1>'); } </script> </body> </html>
indexOfメソッド
まとめ
- Webブラウザのオブジェクトには、階層構造がある
- navigatorオブジェクトを使用すると、Webブラウザに関する情報が得られる
- ユーザーのOSを調べるには、platformプロパティを参照する