JavaScript前端跨網域存取解決方案

1.前言

XMLHttpRequest cannot load ... Origin ... is not allowed by Access-Control-Allow-Origin

 

這個問題常發生在前端程式嘗試以 AJAX (XMLHttpRequest) 方式存取跨網域資源時,因為 Security 的考量,造成 request 發送失敗的情況。

 

JavaScript 宣告: var、let、const

首先,我們必須知道JavaScript有兩個範圍:全域與區域。

  • 全域變數:在函式作用域(function scope)之外宣告的變數,全域變數在整個程式中都可以被存取與修改。
  • 區域變數:在函式作用域(function scope)內宣告,每次執行函式時,就會建立區域變數再予以摧毀,而且函式之外的所有程式碼都不能存取這個變數。

聽起來是不是有點難理解呢? 我們用程式碼實際試試看吧!

JavaScript 取得目前網址相關資訊

PHP中我們常常會需要取得網址參數,但並非每次都採用PHP來取得網址參數,因為有的時候某些動作僅需要在用戶端執行即可,所以這篇主要分享如何透過JavaScript取得網址與其它網址的參數,算是非常實用的’小技巧。

imagesLoaded

jQuery imagesLoaded 是一個相當有用的jQuery外掛,它可以用來偵測網頁中的圖片使否已經成功載入,有人可能會問,偵測圖片已經成功載入能做甚麼!?因為圖片還沒成功載入前我們實無法取得圖片的寬度以及高度的,在許多Layout上的應用,取得圖片的寬與高是非常重要且必要的。

Bootstrap+Masonry瀑布流的套件,讓Bootstrap內建的網格系統,也支援瀑布流的排版,這對於區塊內的元素長短不一時,相當的方便好用,同時瀑布流的欄位數,還是由Bootstrap來作控制,雖然說瀑布流解決了長短不一的問題,但也衍生出另一個問題,那就是當區塊內有圖片時,當圖片還沒載入完成時,區塊就會開始上向疊,而造成區塊覆蓋的問題。