注意：
使用JQuery一定要记得引入，否则会$报错
回忆：
outline: none; //去掉输入框默认的边框
decodeURI(arr[1]) //解码中文
str.split('&')
BOM
一、location对象：解析URL
1、url：proticol://host:post/pash/pash?query#fragment
（1）proticol：通信协议（http、https）
（2）host：主机域名
（3）post：端口号
（4）path：路径，文件在服务器上的地址
（5）query：参数，一般以键值对的形式提交
（6）fragment：锚点#
2、属性
（1）获取整个url：location.href
（2）获取主机：location.host
（3）获取端口号：location.post
（4）获取路径：location.path
（5）获取参数：location.search
（6）获取片段（锚点）：location.hash
3、跳转获取
（1）获取url参数
①登录框
代码语言：javascript复制<body>
<form action="./try.html">
<input type="text" name="user">
<br>
<input type="password" name="password">
<br>
<button>登录</button>
</form>
</body>
②登录后跳转页面
代码语言：javascript复制<h1>欢迎您，xxx</h1>
<script>
console.log(location.search);
var str = location.search
str = str.substr(1)
var arr = str.split('&')
arr = arr[0].split('=')
console.log(arr[1]);
var h1 = document.querySelector('h1')
h1.innerHTML = '欢迎您，' decodeURI(arr[1])
</script>
（2）location的方法
①跳转页面：location.assign(href)
②代替页面（没有历史记录）：location.replace()
③重新加载页面（f5）：location.reload()
代码语言：javascript复制<body>
<button>点击</button>
<script>
var btn = document.querySelector('button')
btn.onclick = function(){
// location.assign('https://www.baidu.com/') //跳转页面
// location.replace('https://www.baidu.com/') //代替页面
location.reload('https://www.baidu.com/') //刷新加载页面
}
</script>
</body>二、navigator对象：监听设备对象
代码语言：javascript复制<body>
<script>
console.log(navigator);
if(/Android|webOS|iPhone|BlackBerry/i.test(navigator.userAgent)){
console.log('手机');
}
else{
console.log('电脑');
}
</script>
</body>
三、history对象：与浏览器历史进行交互，修改对象包含用户（在浏览器窗口）访问过的url
1、后退：back()
2、前进：forward()
3、前进和后退：go()
（1）前进一页：go(1)
（2）后退两页：go(-2)
代码例子：三个文件，效果后续发表相关视频给小伙伴看
