<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<button id="btn" onclick="btnGo()">dianwo</button>
</body>
<!--/*BOM(浏览器对象模型)
-可以是我们用js来操作浏览器
-BOM为我们提供了一组对象来实现操作浏览器：
window -代表整个浏览器窗口，同时也是网页中的全局对象
navigator -代表当前浏览器的信息，通过该对象可以来识别不同的浏览器
location -代表当前浏览器的的地址栏信息，通过它可以获取地址栏信息，或操作跳转页面
history -代表浏览器的历史记录，出于隐私，只能操作页面向前或向后翻页
screen -代表用户屏幕信息，可以来获取用户显示器的信息，不常用。
*/-->
<script type="text/javascript">
console.log(window.location);
console.log(location);//有两种使用方法，效果一样
// //1.Navigator
// 对象属性
// appCodeName 返回浏览器的代码名
// appName 返回浏览器的名称，已经不常用判断了，差不多都是Netscape
alert(navigator.appName);//Netscape
// appVersion 返回浏览器的平台和版本信息
// cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值
// platform 返回运行浏览器的操作系统平台
// userAgent 返回由客户机发送服务器的user-agent 头部的值,就是指浏览器，用此来区分浏览器
alert(navigator.userAgent);
// 对象方法
// javaEnabled() 指定在浏览器中启用Java
// taintEnabled() 规定浏览器是否启用数据污点(data tainting)
// //2.History
// 对象属性
// length 返回历史列表中的网址数,访问了几个页面
// 对象方法
// back() 加载 history 列表中的前一个 URL，同浏览器的上一页按钮
// forward() 加载 history 列表中的下一个 URL，同浏览器的下一页按钮
// go() 加载 history 列表中的某个具体页面
//history.go(x); 想后跳到x个页面，x为负表示向前
//3.Location
alert(location); //打印当前网页的地址
// 对象属性
// hash 返回一个URL的锚部分
// host 返回一个URL的主机名和端口
// hostname 返回URL的主机名
// href 返回完整的URL
// pathname 返回的URL路径名。
// port 返回一个URL服务器使用的端口号
// protocol 返回一个URL协议
// search 返回一个URL的查询部分
// 对象方法
// assign() 载入一个新的文档
function btnGo(){
location.assign("http://www.baidu.com");//跳转到百度
}
// reload() 重新载入当前文档，若果location.reload(true),表示清除缓存强制刷新
// replace() 用新的文档替换当前文档，跟assign()差不多，但是不会有历史记录，没回退
//4.Window
// alert() prompt() confirm() print()...
// https://www.w3cschool.cn/jsref/obj-window.html
</script>
</html>
原文：https://www.cnblogs.com/wangdongwei/p/11299571.html