1. 程式人生 > 實用技巧 >多個HTML檔案訪問同一常量,將常量寫入一個js檔案中便於修改維護

多個HTML檔案訪問同一常量,將常量寫入一個js檔案中便於修改維護

果我們有多個html頁面,每個頁面中都有一個常量要使用,但是以後這個常量可能會變化,如果我們這個常量寫入每個html中的話,那麼以後修改起來就要在每個頁面進行修改,不利於維護。我們可以把這個常量寫在js中,只要我們在每個頁面中呼叫這個js檔案即可使用這個常量,若要修改這個常量,只需在這個js檔案中修改一次就可實現統一修改。這樣大大的提高了開發的效率。

網上大多都是利用cookie來實現的,這可能對於新手來說不太好理解,這裡我提供個簡單方便好理解的方法,利用js檔案。因為JavaScript是執行在客戶端的指令碼,因此一般是不能夠設定Session的,因為Session是執行在伺服器端的。而cookie是執行在客戶端的,所以可以用JS來設定cookie.

1.首先建一個config.js檔案

這裡我的常量是一個介面地址,因為每個頁面都會訪問這個介面地址,同時這個介面還會在未來有所修改,程式碼如下:

  1. <script>
  2. //通用介面地址設定
  3. var port = "http://siqi.ilikedh.com/guide/";
  4. function getPort(){
  5. return port;
  6. }
  7. </script>


2.在html檔案的指令碼中使用這個常量

a.要引入config.js這個檔案

<script src="config.js"></script>


b.指令碼使用port的值

  1. <script>
  2. //全域性變數,可在本html頁面中的任何函式中使用
  3. var interfaceAddress = getPort();
  4. </script>

這個時候我們就獲取到port的值,在不同的html中只要在config.js中定義一個常量,然後使用上面的方法就可以多個頁面訪問同一個常量,修改也很方便哦~

轉自於:https://blog.csdn.net/qq_26747571/article/details/52094563?locationNum=6