多个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