• 浏览器控件
    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); 取消定时
  • sessionStorage 支持IE8+ 火狐,chrome等
    用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
sessionStorage.setItem('testKey','这是一个测试的value值');
sessionStorage['testKey'] = '这是一个测试的value值';

sessionStorage.getItem('testKey');
sessionStorage['testKey'];

sessionStorage.setItem('user', JSON.stringify(userEntity)); 存储对象
var userJsonStr = JSON.parse(sessionStorage.getItem('user'));
 sessionStorage.removeItem(string key) :将指定的键名(key)从 sessionStorage 对象中移除。
sessionStorage.clear() 
  • localStorage 即本地存储,可用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除
    数据比较大的临时保存方案。如在线编辑文章时的自动保存。多页面访问共同数据
localStorage.setItem('testKey','这是一个测试的value值');
localStorage['testKey'] = '这是一个测试的value值';
localStorage.getItem('testKey');
localStorage['testKey'];
localStorage.setItem('user', JSON.stringify(userEntity));
var userJsonStr = JSON.parse(( localStorage .getItem('user'));
localStorage.removeItem(string key)
 localStorage.clear()
  • 选择器
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!';设置值
  • 监听事件
    var el=  document.querySelector('#btn');
    el.addEventListener('click',function(){
       document.getElementById('loading1').classList.add('loading1');
    })
文档更新时间: 2021-12-28 00:20   作者:Yoby