navigator.appName        //web浏览器全称
navigator.appVersion        //web浏览器厂商和版本的详细字符串
navigator.userAgent        //客户端绝大部分信息
navigator.platform        //浏览器运行所在的操作系统

history.forward()    //前进一页
history.back()        //后退一页

location.href        //获取URL
location.href = "URL"    //跳转到指定页面
location.reload()        //重新加载页面

alert("你看到了么?");

confirm("你确定么?")

prompt("请在下方输入:","你的答案")

var t = setTimeout("js语句","毫秒")

//在指定时间之后执行函数
var t = setTimeout(function(){alert(123);},3000)
//取消setTimeout
clearTimeout(t)

setInterval("js语句","时间间隔")

clearInterval(setInterval返回的ID值)

document.getElementById            根据ID获取一个标签
document.getElementsByClassName    根据class属性获取
document.getElementsByTagName      根据标签名获取标签集合

parentElement        　　　 父节点标签元素
children        　　　　　　 所有子标签
firstElementChild　　　　　　第一个子标签元素
lastElementChild           最后一个子标签元素
nextElementSibling         下一个兄弟标签元素
previousElementSibling     上一个星弟标签元素

var divEle = document.createElement("div");

var divEle = document.getElementById("d1")
divEle.innerText
divEle.innerHTML

var divEle = document.getElementById("d1")
divEle.innerText = "1"
divEle.innerHTML = "<p>2</p>"

var divEle = document.getElementById("d1");
divEle.setAttribute("age","18")
divEle.getAttribute("age")
divEle.removeAttribute("age")

// 自带的属性还可以直接.属性名来获取和设置
imgEle.src
imgEle.src="..."

var iEle = document.getElementById("i1");
console.log(iEle.value);
var sEle = document.getElementById("s1");
console.log(sEle.value);
var tEle = document.getElementById("t1");
console.log(tEle.value);

className  获取所有样式类名(字符串)

classList.remove(cls)  删除指定类
classList.add(cls)  添加类
classList.contains(cls)  存在返回true，否则返回false
classList.toggle(cls)  存在就删除，否则添加

obj.style.backgroundColor="red"

obj.style.margin
obj.style.width
obj.style.left
obj.style.position

obj.style.marginTop
obj.style.borderLeftWidth
obj.style.zIndex
obj.style.fontFamily

onclick        当用户点击某个对象时调用的事件句柄。
ondblclick     当用户双击某个对象时调用的事件句柄。

onfocus        元素获得焦点。               练习：输入框
onblur         元素失去焦点。               应用场景：用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对它进行验证.
onchange       域的内容被改变。             应用场景：通常用于表单元素,当元素内容被改变时触发.（三级联动）

onkeydown      某个键盘按键被按下。          应用场景: 当用户在最后一个输入框按下回车按键时,表单提交.
onkeypress     某个键盘按键被按下并松开。
onkeyup        某个键盘按键被松开。

onload         一张页面或一幅图像完成加载。

onmousedown    鼠标按钮被按下。
onmousemove    鼠标被移动。
onmouseout     鼠标从某元素移开。
onmouseover    鼠标移到某元素之上。
onmouseleave   鼠标从元素离开

onselect       文本被选中。
onsubmit       确认按钮被点击

<!--绑定事件的方式一-->
<div onclick="foo(this)">div</div>
<div class="c1">div2</div>
<script>
    function foo(self) {
        console.log(self); //<div onclick="foo(this)" style="color: red;">
        self.style.color = 'red';
    }

//方式二
//    事件的绑定方式2：标签对象.on事件 = function (){}
     var ele=document.getElementsByClassName("c1")[0];
     ele.onclick=function () {
        console.log(this); // this 代指： 当前触发时间的标签对象；
        this.style.fontSize="30px"
    };