location

URLの情報を取得したりなんやかんやするヤツです。

location.href

現在のURL全体の事です。
変数等に入れる場合は、【現在のURLを全部取得】となり
ここにデータを代入すると、ページ遷移が発生します。

location.hash

現在のURLに含まれるハッシュの事です。
変数等に入れる場合は、【ハッシュを取得】となり
ここにデータを代入すると、ページ内遷移が発生します。
ハッシュは#付きで取得されます。

location.hostname

現在のページのホスト名です。
変数等に入れる場合は、【ホスト名を取得】となり

location.host

現在のページのホスト名＋ポート番号です。
変数等に入れる場合は、【ホスト名:ポート番号】の形で取得されます。

location.pathname

現在のページのパスを取得できます。
ホスト名を除いたものが取得できます。
変数等に入れる場合は、【/パス名】の形で取得されます。

window

windowとはいわゆる、【ブラウザ】の事を指します。

window.open

なんか、外開きの窓を開けるイメージが未だにぬぐえないのですが
これは、【新しいブラウザ(小窓)を開く】といった所です。
これには引数が３つ存在しています。

window.open 第一引数

urlを指定します。
何を開くのか？をここで教えてあげるのです。

window.open 第二引数

ウインドウ名を指定します。
特になければ、null として指定しない方法でもOKです。
名前を指定すると、既に開いている場合はそれがリロードされる形となり
null指定の場合は新規ウィンドウとしてどんどん開かれていきます。

window.open 第三引数

カンマ区切りで複数の指定をすることができます。
パラメータは以下の通りです。

window.open 設定例

例としては以下の通りです。

window.open('http://google.com',null,'width=500,height=500,left=20,top=10,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes')

window.open 注意点

aタグやボタンをクリックしたときに発動させるようにしなければいけません
リロード時等関係ない所で発動すると、ポップアップブロックに引っかかります。

window.innerHeight

ブラウザの内側の高さ
いわゆる、表示領域ってヤツです。

window.outerHeight

ブラウザ全体の高さ
タブとか色々含めての高さの事です。

window.innerWidth

ブラウザの内側の高さ
いわゆる、表示領域ってヤツです。

window.outerWidth

ブラウザ全体の高さ
タブとか色々含めての高さの事です。