location属性
location属性: 获取或设置窗体的URL 并可以解析URL
实现跳转页面 (5s自动跳转)
//html代码 <button>点击</button> <div></div> //js代码 var btn = document.querySelector('button') var div = document.querySelector('div') btn.addEventListener('click', function() { location.href = 'https://csdn.net' }) var timer = 5 setInterval(function() { if(timer==0){ location.href = 'https://csdn.net' } div.innerHTML = '您将在' + timer + '秒后跳转页面' timer-- },1000)
location 常见方法
location.assign(): 跟 href 一样, 可以跳转页面
location.replace(): 替换当前页面, 因为不记录历史, 所以不能后退页面
location.reload(): 重新加载页面, 相当于刷新按钮或者 f5 如果参数为 true 强制刷新 ctrl+f5
//html代码 <button>点击</button> //js代码 var btn = document.querySelector('button') btn.addEventListener('click', function(){ // 记录浏览历史,所以可以实现后退功能 // location.assign('http://baidu.com') // 不记录浏览历史,所以不可以实现后退功能 // location.replace('http://baidu.com') // 重新刷新页面 // location.reload() })
navigator 对象
navigator 对象包含有关浏览器的信息, 它有很多属性, 最常用的是 userAgent 该属性可以返回由客户机发送服务器的 user-agent 头部的值
//匹配手机端电脑端 if((navigator.userAgent.match(/(phone|pad|pod|iPhone)/i))){ window.location.href = '' //手机 } else { window.location.href = '' //电脑 }
不积跬步无以至千里 不积小流无以成江海