window对象

属性

方法

窗口位置

window.moveTo()
window.moveBy()

窗口大小

window.resizeTo()
window.resizeBy()

导航和打开窗口

  • window.open()
  • window.close()

  • window.stop()

    系统对话框

  • window.alert()

  • window.prompt()

  • window.confirm()

    location 对象

    Location对象提供 URL 相关的信息和操作方法。window.location和document.location属性都引用同一个对象。

    属性

  • Location.href 整个 URL

  • Location.protocol 页面使用的协议，通常是 http: 或 https:
  • Location.host 服务器名称和端口号
  • Location.hostname 主机名，不包括端口
  • Location.port 端口号
  • Location.pathname URL路径，从根路径开始
  • Location.search URL查询字符串，从 ？ 开始
  • Location.hash URL中的hash，从 # 开始
  • Location.origin URL 的协议、主机名和端口
    1. // 当前网址为
    2. // https://www.google.com/search?q=fanison&oq=fanison&aqs=chrome..69i57j0l2j69i60l5.936j0j4&sourceid=chrome&ie=UTF-8
    3. window.location.href
    4. // https://www.google.com/search?q=fanison&oq=fanison&aqs=chrome..69i57j0l2j69i60l5.936j0j4&sourceid=chrome&ie=UTF-8"
    5. window.location.protocol
    6. // "https:"
    7. window.location.search
    8. // "?q=fanison&oq=fanison&aqs=chrome..69i57j0l2j69i60l5.936j0j4&sourceid=chrome&ie=UTF-8"
    9. window.location.origin
    10. // "https://www.google.com"
    image.png

方法

  • Location.assign() 接受一个 URL 字符串作为参数，使得浏览器跳转到新的 URL。

    1. // 跳转到新的网址
    2. window.location.assign('http://www.fanison.xyz')

  • Location.replace() 接受一个 URL 字符串作为参数，使得浏览器跳转到新的 URL(在历史里面删除当前网址)

    1. // 跳转到新的网址
    2. window.location.replace('http://www.fanison.xyz')

  • Location.reload() 重新加载当前网址，相当于按下浏览器的刷新按钮

    1. // 向服务器重新请求当前网址
    2. window.location.reload(true);

  • Location.toString() 返回整个 URL 字符串，相当于读取Location.href属性。

    navigator 对象

    检测插件

    注册处理程序

screen 对象

screen 对象表示当前窗口所在的屏幕，提供显示设备的信息。
常用属性:

  1. Screen.height                   // 浏览器窗口所在的屏幕的高度
  2. Screen.width                    // 浏览器窗口所在的屏幕的宽度
  3. Screen.availHeight         // 浏览器窗口可用的屏幕高度
  4. Screen.availWidth             // 浏览器窗口可用的屏幕宽度

history 对象

History 对象，它表示当前窗口的浏览历史。

属性

  • History.length 当前窗口访问过的网址数量

    方法

  • History.back() 移动到上一个网址

  • History.forward() 移动到下一个网址
  • History.go() 以当前网址为基准，移动到参数指定的网址
    1. history.go(0);     // 刷新当前页面
    2. history.go(1);       // 相当于history.forward()  
    3. history.go(-1);    // 相当于history.back()