瀏覽器對象 · 萬能Web開發文檔筆記

# 瀏覽器對象彈出框 ``` <pre class="calibre14">``` alert(1); var ret = prompt("請輸入內容！",""); var v = confirm('此操作不可恢復，確認嗎？'); 返回true可操作 window.close();關閉當前窗口 window.print();打印 ``` ``` 計時器 ``` <pre class="calibre14">``` 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關閉后刪除 ``` <pre class="calibre14">``` localStorage.setItem("key1", "123"); localStorage.removeItem("bar"); var foo = localStorage.getItem("bar"); ``` ``` - 選擇器 ``` <pre class="calibre14">``` var id=document.getElementById("id"); var id = document.querySelector("#k"); 支持標簽,.class,a[target=_blank]屬性 var id = document.querySelectorAll("li"); ``` ``` - window ``` <pre class="calibre14">``` 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!';設置值 ``` ``` - 邏輯 ``` <pre class="calibre14">``` if (time<10) { document.write("早上好"); } else if (time>=10 && time<16) { document.write("今天好"); } else { document.write("晚上好!"); } 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] + " "); } while (條件) { 需要執行的代碼 } ``` ``` 監聽事件 ``` <pre class="calibre16">``` var el= document.querySelector('#btn'); el.addEventListener('click',function(){ document.getElementById('loading1').classList.add('loading1'); }) ``` ```