今回はjavascriptでブラウザの操作を紹介します。
ダイアログ
<script>
window.onload = function() {
alert(‘test’);
var res = prompt(‘ok?’);
console.log(res);
var res = confirm(‘ok?’);
console.log(res);
}
</script>
タイマー処理
| setTimeout関数 | 指定した時間経過後に処理を実行する |
| setInterval関数 | 指定した時間ごとに処理を実行する |
| clearTimeout関数 | setTimeoutで設定したタイマーを取り消す |
| clearInterval関数 | setIntervalで設定したタイマーを取り消す |
// 3000msで実行する
var timeout = setTimeout(function() {
console.log(‘test’);
},3000);
// 自動実行削除
clearTimeout(timeout);
<script>
var num = 0;
var timer = setInterval(function() {
console.log(“test”+ num);
num++;
if (num == 10) {
clearInterval(timer);
}
},1000);
</script>
location
| プロパティ名 | 内容 |
| location.href | 指定したURLに画面遷移する |
| location.protocol | 現在のプロトコル情報(http:など)を取得する |
| location.host | プロトコル情報を除外したURLを取得する(port情報あり) |
| location.hostname | プロトコル情報を除外したURLを取得する(port情報なし) |
| location.port | ポート番号を取得・設定する |
| location.pathname | URLでパスの部分を取得・設定する |
| location.search | URL内のクエリ情報を抽出して取得する |
| location.hash | URL内のハッシュ情報を抽出して取得する |
| location.origin | プロトコルやポートを含めたURLを取得する |
| location.assign | 指定したURLに画面遷移します（閲覧履歴への追記あり） |
| location.replace | 指定したURLに画面遷移します（閲覧履歴への追記なし） |
| location.reload | 現在のURLを再読込します（true指定だとサーバーから読み込み） |
| location.tostring | 現在のURLを文字列で取得します |
history
| obj = history; | 参照 |
| number = history.length; | ヒストリ数の参照 |
| history.back(); | 戻る |
| history.forward(); | 進む |
| history.go(n); n : 0-現ページ、負数-戻る、正数-進む | 指定履歴へ移動 |
| history.pushState( state , title, url ) | 履歴の追加 |
| history.replaceState( state , title, url ) | 履歴の書き換え |
| popstate(status) [onpopstate] | 履歴移動の検知 |
navigator
| appCodeName | ブラウザのコードネームを取得する |
| appName | ブラウザの名称を取得する |
| appVersion | ブラウザのバージョン情報を取得する |
| platform | ブラウザのプラットフォーム名を取得する |
| userAgent | ユーザーエージェント情報を取得する |
| language | ブラウザの言語情報を取得する |
| cookieEnabled | Cookie が利用可能か調べる |
| onLine | 環境がオンライン状態であるか調べる |
| geolocation | Geolocation オブジェクトを取得する |
