JavaScript DOM
<!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>