DOMとBOM

【ブラウザ・オブジェクト・モデル ⇒ BOM】
ブラウザ自体をオブジェクトにとれますよ。(ブラウザ自体で色々操作ができますよ)

console.log();
要素の検証のconsole画面で色々教えてくれる。


・console.log(window.innerHeight);
で、windowの高さを表示してくれる

・window.location.href="http://google.com";
でリダイレクトしてくれる。



Document Object Model ⇒ DOM】

・console.log(document.width);
ウィンドウの横幅を教えてくれる。


・document.body.bgColor = "red";
ウィンドウの背景色を赤色にしてくれる。

DOMの操作(つまりは、document)はめちゃくちゃたくさんあるらしい。


javascriptから文書内の色々を変更できる。便利!



var a = document.getElementById("");
⇒これで、""に挟まれた要素を取り出せる。
a.value = 400;
⇒これで取り出された要素に、400を代入する。

ちなみに文字列は、innerHTML



javascriptで時間の制御】
・setTimeout
setTimeout(function(){
  console.log("1秒たちました!");
},1000);
⇒◯秒たったら、コメントをコンソールに表示


・setInterval
var i = 0;
setInterval(function(){
 console.log(i);
 i++;
}, 1000};
⇒◯秒ごとにコンソールに書き込む。