彈出框 ~~~ alert(1); var ret = prompt("請輸入內容！",""); var v = confirm('此操作不可恢復，確認嗎？'); 返回true可操作 window.close();關閉當前窗口 window.print();打印 ~~~ 計時器 ~~~ function fn() { var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("a1").innerHTML=t; } var t = setTimeout("fn()",5000); 執行一次 clearTimeout(t); 提前結束 var id=setInterval("fn()",1000);//每1秒執行一次 clearInterval(id); 取消定時 ~~~ - 讀寫localStorage,長時間存儲 sessionStorage關閉后刪除 ~~~ localStorage.setItem("key1", "123"); localStorage.removeItem("bar"); var foo = localStorage.getItem("bar"); ~~~ - 選擇器 ~~~ var id=document.getElementById("id"); var id = document.querySelector("#k"); 支持標簽,.class,a[target=_blank]屬性 var id = document.querySelectorAll("li"); ~~~ - window ~~~ document.write("123") 輸出 console.log("控制臺") var url = location.href; location.href='http://www.baidu.com'; var domain = document.domain;//不含http var url = (window.location.href).substring(0,(window.location.href).indexOf(document.location.pathname));//包含http var from = document.referrer;來源 location.reload(true);刷新 history.go(0); history.go(1);前進 history.go(-1);后退 document.title; document.title = "標題"; document.querySelector('#c').dataset.sex = "男";data屬性 document.querySelector('#c').dataset.sex; document.getElementById('demo1').setAttribute('role', 'button'); 設置獲取屬性 document.getElementById('foo').removeAttribute('role'); document.getElementById('foo').innerHTML = 'Goodbye!';設置值 ~~~ - 邏輯 ~~~ if (time<10) { document.write("<b>早上好</b>"); } else if (time>=10 && time<16) { document.write("<b>今天好</b>"); } else { document.write("<b>晚上好!</b>"); } switch(n) { case 1: 執行代碼塊 1 break; case 2: 執行代碼塊 2 break; default: 與 case 1 和 case 2 不同時執行的代碼 } for (var i=0;i<cars.length;i++) { document.write(cars[i] + "<br>"); } while (條件) { 需要執行的代碼 } ~~~ 監聽事件 ~~~ var el= document.querySelector('#btn'); el.addEventListener('click',function(){ document.getElementById('loading1').classList.add('loading1'); }) ~~~