BOM (Browser Object Model) - window 常見應用。


# window 物件

  1. history
  2. frame
  3. location
  4. DOM
  5. screen
  6. navigator

# 常見應用:

# history

  • 上一頁

    window.history.back();
    
  • 下一頁

    window.history.forward();
    

# location

  • 轉址

    window.location.href="http://google.com"
    
  • 重新整理頁面

    window.location.reload()
    
    window.location = location.href
    
  • 取當前網址-例:https://eudora.cc/posts/63534/#more

    window.location.href     // "https://eudora.cc/posts/63534/#more"
    
    window.location.origin   // "https://eudora.cc"
    
    window.location.protocol // "https:"
    
    window.location.hostname // "eudora.cc"
    
    window.location.pathname // "/posts/63534/"
    
    window.location.hash     // "#more"
    
  • 查詢是否為連線狀態
    window.navigator.onLine  // true = 連線中、false = 離線狀態
    

# 其他

  • 列印
    window.print()
    
  • 跳轉連結(預設為開啟新視窗,也還有其他參數可控制細節)
    window.open('http://google.com')
    

參考資料: