AI智能
改变未来

JavaScript入门到实践(八)


JavaScript浏览器对象

  • window对象

window对象指当前的浏览器窗口
所有JavaScript全局对象,函数以及变量均自动成为window对象的成员

  • 全局变量是window对象的属性,甚至document也是window对象的属性之一。
  • 全局函数是window对象的方法

window尺寸:

  • window.innerHeight 浏览器窗口的内部高度
  • window.innerWidth 浏览器窗口的内部宽度

window方法:

  • window.open(url) 打开新窗口
  • window.close() 关闭当前窗口
  • 计时器

计时事件:在一个设定的事件间隔之后来执行代码,而不是在函数调用后立即执行,我们称之为计时事件。
计时方法:

  • setInterval(函数,延时毫秒数) 间隔指定的毫秒数不停地执行指定的代码
  • clearInterval() 停止setInterval()方法执行的函数代码
  • setTimeOut(函数,延时毫秒数) 暂停指定的毫秒数后执行指定的代码
  • clearTimeOut() 停止执行setTimeOut()方法的函数代码

注意:
setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭,由 setInterval()返回的ID值可用作clearInterval()方法的参数。
setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

  • history对象

History对象: window.history对象包含浏览器历史(url)的集合
History方法:

  • history.back() 浏览器按钮点击后退
  • history.forward() 浏览器按钮点击向前
  • history.go() 进入历史中某个页面
  • Location对象

window.location对象:获得当前页面的url地址,并把浏览器重定向到新的页面
location对象属性:

  • location.hostname
  • location.pathname
    -location.port
    -location.protocol
    -location.href
    -location.assign(url) 加载新的文档
  • Screen对象

window.screen对象包含有关用户屏幕的信息
screen对象属性:

  • screen.availWidth 可用的屏幕宽度
  • screen.availHeight 可用的屏幕高度
  • screen.Height 屏幕高度
  • screen.Width 屏幕宽度
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JavaScript入门到实践(八)