JavaScript 全局變量跨頁面指的是在一個頁面中定義的變量，能夠在另一個頁面中被訪問和使用。這種變量是在全局作用域下定義的，因此在整個頁面中都可以使用。在 JavaScript 中，全局變量是非常常見的，因為它們可以使代碼更加模塊化、重用和可維護。下面就來具體介紹一下 JavaScript 全局變量跨頁面的相關內容。 在實際開發中，可能會遇到多個頁面需要共享同一個變量的情況。例如，我們有兩個頁面，一個是 index.html 頁面，另一個是 main.html 頁面，我們想讓這兩個頁面共享同一個變量。這時候，可以在 index.html 中定義一個全局變量，然后在 main.html 中使用該變量：

//index.html
var globalVar = "Hello, world!";
//main.html
console.log(globalVar); //輸出：Hello, world!

上面的代碼中，我們在 index.html 中定義了一個全局變量 globalVar，然后在 main.html 中輸出該變量。由于該變量是在全局作用域下定義的，所以我們可以在任何頁面中使用它。 除了直接在頁面中定義全局變量外，還可以使用 sessionStorage 和 localStorage 來實現跨頁面共享變量的需求。sessionStorage 和 localStorage 都是瀏覽器提供的本地存儲解決方案，它們可以存儲鍵值對，以供后續使用。

//index.html
sessionStorage.setItem("globalVar", "Hello, world!");
//main.html
console.log(sessionStorage.getItem("globalVar")); //輸出：Hello, world!

上面的代碼中，我們在 index.html 中使用 sessionStorage 存儲了一個鍵為 globalVar、值為“Hello, world!”的變量。然后在 main.html 中使用 getItem 方法獲取該變量，并輸出該變量的值。 需要注意的是，sessionStorage 和 localStorage 的作用域都是在當前域名下的所有頁面中共享。如果域名不同，它們的作用域也不同，這時候就不能再使用這兩種方法來共享變量了。 此外，在實際開發中，還應注意避免命名沖突，即不同頁面中的變量名不能相同，否則會產生沖突和意料之外的結果。 總之，JavaScript 全局變量跨頁面是一種非常實用的技巧，可以方便地實現跨頁面共享數據的需求。在具體實現時，我們可以通過在頁面中定義全局變量、使用 sessionStorage 和 localStorage 等方法來實現。需要注意的是，應該避免命名沖突，并確保各頁面之間的協調一致。