十一.JavaScript 高级(二)

<script>
     //所有的浏览器都支持window对象,它表示浏览器窗口
     //所有js全局对象/函数/变量均自动生成window对象的成员
     //全局变量是window对象的属性
     //全局函数是window对象的方法
     //甚至HTML DOM的document也是window对象的属性之一

     //window尺寸
     window.innerHeight;  //浏览器窗口内部的高度包括滚动条
     window.innerWidth;   //浏览器窗口的内部宽度包括滚动条
     document.documentElement.clientHeight;
     document.documentElement.clientWidth;
     document.body.clientHeight;
     document.body.clientWidth;
     //以上兼容的浏览器有差别

     //涵盖所有浏览器(实用js方案)
     var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
     var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

     //window方法
     window.open();   //打开新窗口
     window.close();  //关闭当前窗口
     window.moveTo(); //移动当前窗口
     window.resizeTo();   //调整当前窗口的尺寸

     //Window Screen
     //window.screen对象在编写时可以不使用 window 这个前缀。
     window.screen.availHeight;   //可用屏幕高度
     window.screen.availWidth;    //可用屏幕宽度

     //Window Location
     location.hostname;   //返回web主机的域名
     location.pathname;   //返回当前页面的路径和文件
     location.port;       //返回web主机的端口(80或443)
     location.protocol;   //返回所使用的web协议(http或https)
     location.href;       //返回当前页面的URL
     location.assign();   //加载新的文档

     function newDec() {
         window.location.assign("https://www.baidu.com");
     }

     //Window History
     //window.history对象在编写是可不使用window这个前缀,为了保护隐私,对js访问该对象的方法做出了限制
     //history.back() 与在浏览器点击后退按钮相同
     //history.forward()与在浏览器中点击向前按钮相同
     
     //history.back()方法加载历史列表中的前一个URL
     function  goback() {
         window.history.back();
     }

     //history.forward()加载历史列表中下一个URL
     function goForward() {
         window.history.forward();
     }

     //Window Navigator
     //window.navigator 对象包含有关访问者浏览器的信息。
     txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
     txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
     txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
     txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
     txt+= "<p>硬件平台: " + navigator.platform + "</p>";
     txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
     txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
     document.getElementById("example").innerHTML=txt;

     //计时事件
     //setInterval()间隔指定的毫秒数不停的执行指定的代码
     //setTimeout()在指定的毫秒数之后执行指定的代码
     setInterval(function () {
         alert("hell0")
     }, 3000);

     var myVar = setInterval(function () {
          myTimer();
     });

     function myTimer() {
         var d = new Date();
         var t = d.toLocaleTimeString();
         document.getElementById("demo").innerHTML = t;
     }

     //clearInterval()用于停止setInterval方法执行的代码
     window.clearInterval();

     setTimeout(function () {
         alert("hello");
     }, 3000);
     //clearTimeout()停止执行setTimeout()方法的函数代码
     window.clearTimeout();


</script>