多個HTML檔案訪問同一常量,將常量寫入一個js檔案中便於修改維護
阿新 • • 發佈:2020-12-02
果我們有多個html頁面,每個頁面中都有一個常量要使用,但是以後這個常量可能會變化,如果我們這個常量寫入每個html中的話,那麼以後修改起來就要在每個頁面進行修改,不利於維護。我們可以把這個常量寫在js中,只要我們在每個頁面中呼叫這個js檔案即可使用這個常量,若要修改這個常量,只需在這個js檔案中修改一次就可實現統一修改。這樣大大的提高了開發的效率。
網上大多都是利用cookie來實現的,這可能對於新手來說不太好理解,這裡我提供個簡單方便好理解的方法,利用js檔案。因為JavaScript是執行在客戶端的指令碼,因此一般是不能夠設定Session的,因為Session是執行在伺服器端的。而cookie是執行在客戶端的,所以可以用JS來設定cookie.
1.首先建一個config.js檔案
這裡我的常量是一個介面地址,因為每個頁面都會訪問這個介面地址,同時這個介面還會在未來有所修改,程式碼如下:
- <script>
- //通用介面地址設定
- var port = "http://siqi.ilikedh.com/guide/";
- function getPort(){
- return port;
- }
- </script>
2.在html檔案的指令碼中使用這個常量
a.要引入config.js這個檔案
<script src="config.js"></script>
b.指令碼使用port的值
- <script>
- //全域性變數,可在本html頁面中的任何函式中使用
- var interfaceAddress = getPort();
- </script>
這個時候我們就獲取到port的值,在不同的html中只要在config.js中定義一個常量,然後使用上面的方法就可以多個頁面訪問同一個常量,修改也很方便哦~
轉自於:https://blog.csdn.net/qq_26747571/article/details/52094563?locationNum=6