2 js的20/80关键知识

1.

2

var a = 1;
undefined
a
1
alert(a);
undefined

　　

var b = true;
var c = "Hi";
undefined
alert(b);
alert(c);
undefined

　　

function foo(bar){
	alert(bar);
	return bar;
}
undefined
var z = foo("Hi");
undefined
z
"Hi"

　　

function foo(bar)
{
	alert(bar);
	return bar;
}

　　

• shift+enter 换行

function foo(bar){
	if (bar > 3){
		alert(bar + 1);
	} else {
		alert("Not enough");
	}
}
undefined
foo(5)
undefined
foo(2);
undefined

　　

3

var arr = []
undefined
 
function foo(bar){
	if (bar > 3){
		arr.push(bar);
	} else {
		alert("Not enough");
		}
}
undefined
 
foo(2);
undefined
 
foo(6);
undefined
arr;
[6]

　　

var o = {
	one:1,
	two:2
}
undefined
o.one
1
o.two
2

　　

4

document
#document
 
document.querySelector("#sidebar")
<div id=​"sidebar">​…​</div>​
 
var el = document.querySelector("#sidebar");
undefined
 
el
<div id=​"sidebar">​…​</div>​
 
el.setAttribute("style","display:none;")
undefined

　　

5.

https://developer.mozilla.org/zh-CN/docs/Web/Reference/API

6

var b=document.querySelector("body")
undefined
 
b.setAttribute("style","background-color: black");
undefined

　　

var dark = "background-color: black; color: white;";
var day = "background-color: white; color: black;";
 
// var theme = {
//   dark : "background-color:black; color:white; ",
//   light : "background-color:white; color:black; "
// };
 
var button = document.querySelector(".nav");
var web = document.querySelector("body");
 
function lightSwitch() {
  if (web.style.cssText == dark){
      web.style.cssText = day;
      alert("Light Day");
  } else {
      web.style.cssText = dark;
      alert("Dark Day");
  }
}
 
button.onclick = lightSwitch