前端基础的讲解-JS（window的方法）

JavaScript 尺 寸
window.screen.availWidth-屏幕宽度
window.screen.availHeight-屏幕高度
window.innerWidth-浏览器窗口宽度
window.innerHeight-浏览器窗口高度
元素.offsetWidth-元素宽度
元素.offsetHeight-元素高度

JavaScript 地址信息与页面跳转
window.location.hostname-返回 web 主机的域名
window.location.pathname-返回当前页面的路径和文件名
window.location.port-返回 web 主机的端口
window.location.protocol-返回所使用的 web 协议（http: 或 https:）
window.location.href-返回当前页面的 URL 地址

window.location.replace(‘URL’)-通过 location.replace 替换当前页面路径来实现页面跳转
window.location.assign(‘URL’)-通过 location.assign 加载新文档实现页面跳转
window.location.href = ‘URL’-通过改变 location.href 来实现页面跳转 常用

<button  onclick="isHref()">通过 href 跳转</button>
<button  onclick="isReplace()">通过 replace 跳转</button>
<button  onclick="isAssign()">通过 assign 跳转</button>
<script>
function  isHref(){
window.location.href  =  'http://www.baidu.com';
}
function isReplace(){
window.location.replace('http://www.baidu.com');
}
function isAssign(){
window.location.assign('http://www.baidu.com');
}
</script>

1. 使用URL的查询字符串
这是最常见的方法，你可以在URL后面添加查询字符串来传递参数。查询字符串以?开始，参数之间用&分隔。

2. 使用HTML表单
当提交HTML表单时，浏览器会向表单的action属性指定的URL发送一个GET或POST请求，并将表单字段作为参数传递。

3. 使用HTML5的History API
HTML5引入了History API，允许你更灵活地操作浏览器的历史记录。你可以使用history.pushState()或history.replaceState()方法来添加或修改历史记录条目，而不会重新加载页面。然后，你可以使用popstate事件来监听历史记录的变化。

虽然History API本身并不直接支持参数传递，但你可以将参数编码到状态对象中，或者将它们存储在本地存储（如localStorage或sessionStorage）中，并在需要时检索它们。