浏览器对象 · 万能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'); }) ``` ```