标签:全局对象 根据 history 查看 宽度 全局变量 地址 一段 定时
name | window的名称 |
origin | 当前地址源 |
innerWidth | 浏览器宽度 |
innerHeight | 浏览器高度 |
length | frames的数量 |
scrollTop | 纵向滚动条滚动高度 |
scrollLeft | 横向滚动条滚动高度 |
window.location.reload(); 刷新页面的方法。一般情况下给reload()传递一个true,让他刷新,并不使用缓存。缓存的东西一般为js文件,css文件等。用这个方法可以让自己不能动的页面动起来了。刷新当前页面。
navigator.userAgent 返回浏览器信息(可用此属性判断当前浏览器)
判断当前浏览器类型的代码:
1 function isBrowser() { 2 var userAgent = navigator.userAgent; 3 //微信内置浏览器 4 if(userAgent.match(/MicroMessenger/i) == ‘MicroMessenger‘) { 5 return "MicroMessenger"; 6 } 7 //QQ内置浏览器 8 else if(userAgent.match(/QQ/i) == ‘QQ‘) { 9 return "QQ"; 10 } 11 //Chrome 12 else if(userAgent.match(/Chrome/i) == ‘Chrome‘) { 13 return "Chrome"; 14 } 15 //Opera 16 else if(userAgent.match(/Opera/i) == ‘Opera‘) { 17 return "Opera"; 18 } 19 //Firefox 20 else if(userAgent.match(/Firefox/i) == ‘Firefox‘) { 21 return "Firefox"; 22 } 23 //Safari 24 else if(userAgent.match(/Safari/i) == ‘Safari‘) { 25 return "Safari"; 26 } 27 //IE 28 else if(!!window.ActiveXObject || "ActiveXObject" in window) { 29 return "IE"; 30 } 31 else { 32 return "未定义:"+userAgent; 33 } 34 }
间隔定时器 setInterval // clearInterval
<script> var i = 0 // setInterval(‘console.log(i++)‘, 1000) // 一般不会这么写 // 把函数交给定时器,定时器每隔一段时间取调用一次 // 定时器的返回值是当前定时器的id(计算机随机分配的) var timer = setInterval(function () { console.log(i++) // 判断终点要在定时器里面写,因为定时器每执行一次都要判断 if (i === 5) { // 停止定时器,根据id来停止 clearInterval(timer) } }, 1000) </script>
超时定时器 setTimeout // clearTimeout
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button onclick="fn()">停止定时器</button> <script> // 3秒之后执行一次 var timer = setTimeout(function () { console.log(123) }, 3000) function fn () { clearTimeout(timer) } </script> </body> </html>
window事件:
https://www.cnblogs.com/strongerPian/p/12716857.html
BOM(Browser Object Model 浏览器对象模型)
标签:全局对象 根据 history 查看 宽度 全局变量 地址 一段 定时
原文地址:https://www.cnblogs.com/strongerPian/p/12716843.html